/* FAZONETKA
   Stabilní úpravy 01 + 02
   01: rozbalovací kategoriové menu v hlavní navigaci
   02: kategoriové rozcestníky na stránkách – desktop
*/

/* =====================================================
   01 – OTEVŘENÉ ROZBALOVACÍ KATEGORIOVÉ MENU
   PDF střihy, Tištěné střihy, Ostatní...
   ===================================================== */
@media (min-width: 992px) {

    .navigation-in > .menu-level-1 > li.ext:hover > .menu-level-2,
    .navigation-in > .menu-level-1 > li.ext:focus-within > .menu-level-2,
    .navigation-in > .menu-level-1 > li.ext > a[aria-expanded="true"] + .menu-level-2 {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        column-gap: 34px !important;
        row-gap: 28px !important;
        align-items: start !important;
        padding: 22px 20px !important;
    }

    .navigation-in > .menu-level-1 > li.ext > .menu-level-2 > li {
        grid-template-columns: 105px minmax(0, 1fr) !important;
        column-gap: 22px !important;
        align-items: start !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .navigation-in > .menu-level-1 > li.ext:hover > .menu-level-2 > li,
    .navigation-in > .menu-level-1 > li.ext:focus-within > .menu-level-2 > li,
    .navigation-in > .menu-level-1 > li.ext > a[aria-expanded="true"] + .menu-level-2 > li {
        display: grid !important;
    }

    .navigation-in > .menu-level-1 > li.ext > .menu-level-2 > li > a.menu-image {
        grid-column: 1 !important;
        grid-row: 1 !important;
        display: block !important;
        position: static !important;
        float: none !important;
        width: 105px !important;
        min-width: 105px !important;
        max-width: 105px !important;
        height: 75px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    .navigation-in > .menu-level-1 > li.ext > .menu-level-2 > li > a.menu-image > img {
        display: block !important;
        width: 105px !important;
        min-width: 105px !important;
        max-width: 105px !important;
        height: 75px !important;
        max-height: 75px !important;
        object-fit: contain !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .navigation-in > .menu-level-1 > li.ext > .menu-level-2 > li > div {
        grid-column: 2 !important;
        grid-row: 1 !important;
        position: static !important;
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    .navigation-in > .menu-level-1 > li.ext > .menu-level-2 > li > div > a {
        display: block !important;
        position: static !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        line-height: 1.25 !important;
        transform: none !important;
    }

    .navigation-in > .menu-level-1 > li.ext > .menu-level-2 > li > div > .menu-level-3 {
        position: static !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }
}


/* =====================================================
   02 – KATEGORIOVÉ ROZCESTNÍKY NA STRÁNKÁCH
   Globálně pro PDF, tištěné i budoucí kategorie
   DESKTOP
   ===================================================== */
@media (min-width: 992px) {

    .subcategories.with-image > li {
        overflow: visible !important;
    }

    .subcategories.with-image > li > a {
        display: flex !important;
        align-items: center !important;
        gap: 24px !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    .subcategories.with-image > li > a > .image {
        display: block !important;
        flex: 0 0 168px !important;
        width: 168px !important;
        min-width: 168px !important;
        max-width: 168px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .subcategories.with-image > li > a > .image img {
        display: block !important;
        width: 168px !important;
        min-width: 168px !important;
        max-width: 168px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .subcategories.with-image > li > a > .text {
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.3 !important;
    }
}