/* Úprava menu mobil a tablet */
/* Zobrazit main menu */
@media (max-width: 1199px) {
    /* celý sloupec menu */
    body:not(.editor-styles-wrapper) .header .header-content .wp-block-column:nth-child(2) {
        display: flex !important; /* nebo block podle potřeby */
        color: #fff; /* bílé písmo pro text */
    }

    /* odkazy v menu bílá */
    body:not(.editor-styles-wrapper) .header .header-content .wp-block-column:nth-child(2) a {
        color: #fff !important;
    }

    /* zachovat černý křížek pro zavření */
    body:not(.editor-styles-wrapper) .header .header-content .wp-block-column:nth-child(2) 
        .wp-block-navigation__responsive-container-close {
        color: #000 !important; /* nebo barvu ikonky, pokud je svg fill */
    }
}

/* 600px výš – zpět černé písmo pro běžné menu */
@media (min-width: 600px) {
    body:not(.editor-styles-wrapper) .header .header-content .wp-block-column:nth-child(2),
    body:not(.editor-styles-wrapper) .header .header-content .wp-block-column:nth-child(2) a {
        color: #000 !important;
    }
}

/* overlay při aktivaci menu pro malé obrazovky */
@media (max-width: 599px) {
    body:not(.editor-styles-wrapper) .header .header-content .wp-block-column:nth-child(2) 
        .wp-block-navigation__responsive-container {
        background-color: rgba(32, 55, 55, 0.90); /* tmavě zelená s průhledností */
        padding-top: 30px;
    }
}
	
/* skrýt levé navigační menu bookix */
@media (max-width: 1199px) {
    body:not(.editor-styles-wrapper) .header .header-content nav.cat-nav {
        display: none !important;
    }
}

/* Skrýt původní tlačítko filtr bookix */
button#filter-toggle {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Skrýt v menu "Domů" mezi 600px a 829px */
@media (min-width: 600px) and (max-width: 829px) {
  a.wp-block-navigation-item__content[href="https://test.tomas-spidlik.cz/?v=9c049173fad5"] {
    display: none !important;
  }
  .wp-block-navigation__container {
    justify-content: flex-start; /* nebo space-between podle potřeby */
    gap: 10px; /* zmenšit mezery mezi zbylými položkami */
  }
}

/* Skrýt hledání (lupu) od 549px a méně
@media (max-width: 549px) {
    #showModalBtn {
        display: none;
    }
} */

@media (max-width: 480px) {
    /* Levá část (menu/logo) */
    .modal-wrap .header-content > .wp-block-column.is-layout-flow:nth-of-type(1) {
        flex-basis: 25% !important;
        max-width: 25% !important;
    }
    /* Pravá část (ikony, košík, účet, měna) */
    .modal-wrap .header-content > .wp-block-column.is-layout-flow:nth-of-type(3) {
        flex-basis: 75% !important;
        max-width: 75% !important;
    }
}

@media (max-width: 480px) {
    /* Změna loga na mobilu */
    .wp-block-image img.wp-image-51 {
        content: url('https://test.tomas-spidlik.cz/wp-content/themes/bookix-child/images/star.svg');
        width: auto;       /* šířku upraví podle poměru obrázku */
        height: 25px;      /* výšku zachová podle původního loga */
        display: inline-block; /* zajistí správné zobrazení */
    }
}

/* skrytí ikony shortcode na stránce košíku */
body.woocommerce-cart .mini-cart-header,
body.woocommerce-checkout .mini-cart-header {
    display: none !important;
}

/* úprava ikony */
.mini-cart-header {
    position: relative;
    display: inline-block;
}

.mini-cart-link {
    position: relative;
	top: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
}

.mini-cart-icon {
    width: 15px;
    height: 15px;
    color: currentColor;
}

.mini-cart-count {
    position: absolute;
    top: -7px;
    right: -8px;
    background: #203737;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 600;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}

@media (max-width: 599px) {

    /* ---------------------------
       ZÁKLAD – SKRYTÍ SUBMENU
       --------------------------- */
    .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container,
    .wp-block-navigation__submenu-container 
        .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
        display: none;
    }

    /* ---------------------------
       ŠIPKY U ODPOVÍDAJÍCÍ ÚROVNĚ
       --------------------------- */
    .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
        position: relative;
        padding-right: 25px !important;
        margin-left: 25px;
    }

    .wp-block-navigation-item.has-child > .wp-block-navigation-item__content::after {
        content: "›";
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        opacity: 0.7;
        transition: transform 0.2s ease;
    }

    .wp-block-navigation__submenu-container 
        .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
        padding-right: 20px;
        margin-left: 20px;
    }

    .wp-block-navigation__submenu-container 
        .wp-block-navigation-item.has-child > .wp-block-navigation-item__content::after {
        font-size: 16px;
        right: 3px;
    }

    /* ---------------------------
       OTEVÍRÁNÍ SUBMENU
       --------------------------- */
    .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container,
    .wp-block-navigation__submenu-container 
        .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container {
        display: block;
    }

    /* Šipka – otevřený stav */
    .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation-item__content::after,
    .wp-block-navigation__submenu-container 
        .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation-item__content::after {
        transform: translateY(-50%) rotate(90deg);
    }

    /* ---------------------------
       MEGA MENU – E-shop
       --------------------------- */
    .wp-block-navigation-item.has-mega-menu > .wp-block-navigation__submenu-container {
        display: block !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Skrýt šipky u nadpisů podmenu */
    .wp-block-navigation-item.has-mega-menu .mega-menu-title > .wp-block-navigation__submenu-toggle {
        display: none !important;
    }

    /* Nadpisy podmenu – zůstanou textem, kurzor default */
    .wp-block-navigation-item.has-mega-menu .mega-menu-title {
        cursor: default;
    }

    /* Otevřené podmenu, když je aktivní třída is-open */
    .wp-block-navigation-item.has-mega-menu.is-open > .wp-block-navigation__submenu-container {
        display: block !important;
    }

    /* Skrýt šipku u hlavní položky E-shop (první úroveň) */
    .wp-block-navigation-item.has-mega-menu > .wp-block-navigation-item__content::after {
        display: none !important;
    }

    /* ---------------------------
       DODATEČNÉ ÚPRAVY
       --------------------------- */
    /* Pouze první úroveň – velká písmena */
    .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
        text-transform: uppercase;
        font-weight: 600; /* volitelně pro lepší čitelnost */
    }

/* Odstranit mezeru mezi has-mega-menu a mega-menu-title */
.wp-block-navigation-item.has-mega-menu > .wp-block-navigation__submenu-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative;  /* přilepení přímo pod rodiče */
    top: 0;
}

/* Odstranit spodní margin/padding u nadpisů */
.wp-block-navigation-item.has-mega-menu .mega-menu-title {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    cursor: default; /* aby šipka nebyla klikací */
}

/* Zvýšení mezery mezi jednotlivými mega-menu tituly */
.wp-block-navigation-item.has-mega-menu .mega-menu-title + .mega-menu-title {
    margin-top: 10px; /* nastav podle potřeby pro lepší klikání */
}

/* Odstranit původní border u Formát vydání */
.wp-block-navigation-item.has-mega-menu .mega-menu-title:first-of-type {
    border-bottom: none !important;
    position: relative; /* potřeba pro pseudo-element */
}

/* Přidat odsazenou linku jen pod Formát vydání */
.wp-block-navigation-item.has-mega-menu .mega-menu-title:first-of-type::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid var(--wp--preset--color--border);
    transform: translateY(10px); /* odsazení 10px pod text */
}

/* Zvýšení mezery mezi jednotlivými mega-menu tituly */
.wp-block-navigation-item.has-mega-menu .mega-menu-title + .mega-menu-title {
    margin-top: 20px !important; /* nastav podle potřeby pro lepší klikání */
}

}

/* Šířka menu zápatí */
.wp-block-navigation.is-vertical {
    width: 230px;
}