/* Port zo SK gastrokuchyne.sk (24. 9. 2026) — ikony lokálne v uploads/menu-ikony */

/* menu pc */
@media (min-width: 1200px) {
    .nav ul.categories {
        max-height: 90vh;
        overflow-y: scroll;
        scrollbar-width: none;
    }
    .nav .kategorie ul .wpb_wrapper{
        border: none !important;
        padding: 0px !important;
        margin: 0px !important;
        margin-top: 0px !important;
    }
    .nav .yamm-content header {
        display: none;
    }
    .home-list-categories a{
        color: #282727 !important;
    }
    .home-list-categories .category {
        margin-bottom: 0.9em;
    }
}



/* menu na mobile */
@media (max-width: 1200px) {
    #default-oc-header .nav li, .nav .home-list-categories{
        background:white !important;
    }
    .nav ul header{
        display: none;
    }
    .nav .home-list-categories .category-media h4 a{
        line-height:initial !important;
        border: none !important;
        border: 0px
    }
    #default-oc-header ul.nav li a {
        color: #385EA3 !important;
        font-weight: 500;
    }

    /** menu kategorie 2 */
    .nav .home-list-categories .row-cols-3>* {
        width: 100% !important;
        margin: 0px !important;
        padding: 0px !important;
    }
    .nav .home-list-categories .category {
        display:flex !important;
        border-radius:0px !important;
        border:0px !important;
    }
    .nav .home-list-categories .category .category-media  {
        display:flex !important;
        margin: 0px !important;
        align-items: center;
        /*justify-content: center;*/
        width: 95% !important;
    }
    .nav .home-list-categories .category a img {
        height:45px !important;
        width: auto;
    }
    .nav .home-list-categories .category a{
        /* margin: 0px !important; */
        padding:5px 5px 5px 8px !important;
        border-color: white !important;
        background: white !important;
    }
    .nav .home-list-categories .categories {
        gap: 0px !important;
        margin-top: 0px !important;
    }
    .nav .home-list-categories{
         margin-bottom: 0px;
    }

    /*podla zamerania prevadzky*/
    .nav .zameranie ul .wpb_column.vc_column_container.vc_col-sm-2 {
        width: 50% !important;
        display:flex !important;
    }
    .nav .zameranie ul .wpb_column.vc_column_container.vc_col-sm-2 div{
        width: 100% !important;
    }
    .nav .zameranie ul .wpb_column.vc_column_container.vc_col-sm-2 div img{
        width: 120px !important;
        border-radius:10px;
    }
    .nav .zameranie ul .wpb_column.vc_column_container.vc_col-sm-12{
        padding: 0px !important;
    }
    .nav .zameranie ul figure a{
        padding: 0px !important;
    }
    .nav .zameranie ul h3 {
        color: #385EA3 !important;
        font-weight: 600;
    }
}


/* menu ikony na mobile */
@media (min-width: 1200px) {
    .mobile-menu-icon{
        display: none !important;
    }
}
@media (max-width: 1200px) {
    .mobile-menu-icon {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        overflow: hidden;
        filter: invert(30%) sepia(100%) saturate(300%) hue-rotate(190deg);
    }

    .kategorie.mobile-menu-icon {
        background-image: url('/wp-content/uploads/menu-ikony/kategoria.png');
    }
    .zameranie.mobile-menu-icon {
        background-image: url('/wp-content/uploads/menu-ikony/zameranie.png');
    }
    .znacka.mobile-menu-icon {
        background-image: url('/wp-content/uploads/menu-ikony/znacka.png');
    }
    /*.noze.mobile-menu-icon {*/
    /*    background-image: url('/wp-content/uploads/menu-ikony/noze.png');*/
    /*}*/
    .obaly.mobile-menu-icon {
        background-image: url('/wp-content/uploads/menu-ikony/obal.png');
    }
    .oblecenie.mobile-menu-icon{
        background-image: url('/wp-content/uploads/menu-ikony/oblecenie.png');
    }
    .euro.mobile-menu-icon{
        background-image: url('/wp-content/uploads/menu-ikony/euro.png');
    }
    .onsale-icon.mobile-menu-icon {
        background-image: url('/wp-content/uploads/menu-ikony/vypredaj.png');
    }
    .tv.mobile-menu-icon{
        background-image: url('/wp-content/uploads/menu-ikony/tv.png');
    }
    .noze.mobile-menu-icon{
        background-image: url('/wp-content/uploads/menu-ikony/knife.png');
    }
    .sklo.mobile-menu-icon{
        background-image: url('/wp-content/uploads/menu-ikony/wine-glass.png');
    }
}

/* === Hlavne menu vzdy v jednom riadku (Miro 23.8.2026) ===
   Pri 1200-1549 px sa zuzia paddingy a font, aby sa vsetky polozky zmestili;
   flex nowrap je poistka, aby menu nikdy nezalomilo do druheho riadku. */
@media (min-width: 1200px) {
    .electro-navbar-primary ul.nav {
        display: flex;
        flex-wrap: nowrap;
    }
    .electro-navbar-primary ul.nav > li.menu-item {
        float: none;
        flex: 0 0 auto;
    }
    .electro-navbar-primary ul.nav > li.menu-item > a {
        white-space: nowrap;
    }
    /* white-space sa dedi - v dropdowne ho vratit, inak sa inline-block dlazdice (loga znaciek) nezalomia */
    .electro-navbar-primary ul.nav > li.menu-item .dropdown-menu {
        white-space: normal;
    }
}
@media (min-width: 1200px) and (max-width: 1549px) {
    .electro-navbar-primary ul.nav > li.menu-item > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 13px !important;
    }
}

/* === AT/DE: logo v hlavičke na desktope (Miro 24.9.2026 „logo veľmi veľké") ===
   SK má SVG s prirodzenou výškou 65 px, AT/DE majú PNG 518×140 → bez stropu sa kreslilo 518×140.
   Výška 73 px = stav z 2.9.2026 (270×73); pomer drží width/height v atribútoch. Tablet/mobil riešia iné pravidlá. */
@media (min-width: 1200px) {
    .header-logo-link .img-header-logo {
        height: 73px !important;
        width: auto !important;
        max-width: 100%;
    }
}