/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 13 2026 | 08:59:22 */
/* LGDRK – Menu boczne (kafelki): spójne z kartami aktualności.
   Zdjęcia w kolorze zamiast sepii, kadrowanie cover, neutralny cień, hover: czerwony pasek z tytułem + strzałka + zoom.
   Kolory z logo: #e52524, #b71c1b, #221e20. */
.menu-menu-kategorie-container .menu > li{margin-bottom:14px!important}
.menu-menu-kategorie-container .menu > li > a{position:relative!important;border-radius:4px;filter:none!important;box-shadow:0 1px 2px rgba(34,30,32,.06),0 0 0 1px #ebe8e9;transition:box-shadow .25s ease,transform .25s ease!important}
.menu-menu-kategorie-container .menu > li > a img{inset:0!important;width:100%!important;height:100%!important;object-fit:cover;object-position:center;filter:saturate(.75) brightness(1.02)!important;transform:scale(1);transition:transform .4s ease,filter .3s ease!important}
.menu-menu-kategorie-container .menu > li > a span.menu-image-title{z-index:2;font-size:18px!important;line-height:1.15!important;letter-spacing:-.005em;color:#221e20!important;transition:width .3s cubic-bezier(.2,.7,.2,1),background-color .3s ease,color .2s ease!important}
.menu-menu-kategorie-container .menu > li > a span.menu-image-title::after{content:"\2192" / "";position:absolute;right:16%;top:50%;margin-top:-.55em;opacity:0;transform:translateX(-8px);transition:opacity .25s ease,transform .25s ease}
.menu-menu-kategorie-container .menu > li > a:hover,.menu-menu-kategorie-container .menu > li > a:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px rgba(34,30,32,.14),0 0 0 1px #ebe8e9}
.menu-menu-kategorie-container .menu > li > a:hover img,.menu-menu-kategorie-container .menu > li > a:focus-visible img{transform:scale(1.06);filter:none!important}
.menu-menu-kategorie-container .menu > li > a:hover span.menu-image-title,.menu-menu-kategorie-container .menu > li > a:focus-visible span.menu-image-title{background-color:#e52524!important;color:#fff!important;width:80%!important}
.menu-menu-kategorie-container .menu > li > a:hover span.menu-image-title::after,.menu-menu-kategorie-container .menu > li > a:focus-visible span.menu-image-title::after{opacity:1;transform:translateX(0)}
.menu-menu-kategorie-container .menu > li > a:focus-visible{outline:3px solid #221e20;outline-offset:3px}
.menu-menu-kategorie-container .menu > li.current-menu-item > a span.menu-image-title{background-color:#e52524!important;color:#fff!important}
@media (max-width:800px){.menu-menu-kategorie-container .menu > li > a{height:76px!important}.menu-menu-kategorie-container .menu > li > a span.menu-image-title{font-size:16px!important}}
@media (prefers-reduced-motion:reduce){.menu-menu-kategorie-container .menu > li > a,.menu-menu-kategorie-container .menu > li > a img,.menu-menu-kategorie-container .menu > li > a span.menu-image-title,.menu-menu-kategorie-container .menu > li > a span.menu-image-title::after{transition:none!important;transform:none!important}}
/* podmenu kafelków: ciemna czerwień z logo zamiast czerwieni Miączyna */
.menu-menu-kategorie-container .menu li.menu-item-has-children.active .sub-menu li a:hover{background:#b71c1b!important}

/* kafle: zdjęcie po prawej (na mobile img miało left:0 i chowało się pod tytułem) */
.menu-menu-kategorie-container .menu-item > a > img.menu-image{left:auto!important;right:0!important;width:58%!important;max-width:none!important;height:100%!important;object-fit:cover!important}
.menu-menu-kategorie-container .menu-item > a > .menu-image-title{width:62%!important;right:auto!important}
@media (max-width:600px){
.menu-menu-kategorie-container .menu-item > a > .menu-image-title{padding-left:16px!important;padding-right:18px!important;font-size:15px!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
}