/* =========================================================
   MENU
   ========================================================= */

/* HEADER */
/* Tmavé pozadí celé hlavičky */
#header,
#header .header-wrapper,
.header-main,
.header-top {
    background-color: #3d2e25 !important;
}

/* HEADER */
/* Bílá barva odkazů a textů v hlavičce */
#header a,
#header .header-nav a,
#header .header-top a,
.header-main a,
.header-nav__item a,
.header-top__item a {
    color: #ffffff;
}

/* HEADER */
/* Bílá barva ikon v hlavičce */
#header .icon,
#header svg,
#header .header-icons a,
#header .header-icons span {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* MENU ODKAZY */
/* Hover barva odkazů v hlavní navigaci */
#header a:hover,
#header .header-nav a:hover {
    color: #c0522a !important;
}

/* PŘIHLÁŠENÍ */
/* Základní barva tlačítka, ikonky a textu */
.navigation-buttons button.top-nav-button,
.navigation-buttons>a {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* PŘIHLÁŠENÍ */
/* Bílá ikonka loginu v pseudo-elementu */
.navigation-buttons button.top-nav-button[data-target="login"]:before,
.navigation-buttons>a[data-target="login"]:before {
    color: #ffffff !important;
    filter: brightness(0) invert(1) !important;
}

/* PŘIHLÁŠENÍ */
/* Bílý text pod ikonkou */
.navigation-buttons button.top-nav-button:after,
.navigation-buttons>a:after {
    color: #ffffff !important;
}

/* PŘIHLÁŠENÍ */
/* Hover barva tlačítka */
.navigation-buttons button.top-nav-button:hover,
.navigation-buttons>a:hover {
    color: #C0522A !important;
}

/* PŘIHLÁŠENÍ */
/* Hover barva ikonky loginu */
.navigation-buttons button.top-nav-button[data-target="login"]:hover:before,
.navigation-buttons>a[data-target="login"]:hover:before {
    color: #C0522A !important;
    filter: brightness(0) saturate(100%) invert(35%) sepia(80%) saturate(500%) hue-rotate(340deg) !important;
}

/* PŘIHLÁŠENÍ */
/* Hover barva textu pod ikonkou */
.navigation-buttons button.top-nav-button:hover:after,
.navigation-buttons>a:hover:after {
    color: #C0522A !important;
}

/* PŘIHLÁŠENÍ */
/* Aktivní stav tlačítka při otevřeném panelu */
.navigation-buttons button.top-nav-button[data-target="login"].is-active,
.navigation-buttons button.top-nav-button[data-target="login"].is-open,
.navigation-buttons button.top-nav-button[data-target="login"].active,
.navigation-buttons button.top-nav-button[data-target="login"][aria-expanded="true"],
.navigation-buttons>a[data-target="login"].is-active,
.navigation-buttons>a[data-target="login"].is-open,
.navigation-buttons>a[data-target="login"][aria-expanded="true"] {
    color: #C0522A !important;
}

/* PŘIHLÁŠENÍ */
/* Aktivní barva ikonky při otevřeném panelu */
.navigation-buttons button.top-nav-button[data-target="login"].is-active:before,
.navigation-buttons button.top-nav-button[data-target="login"].is-open:before,
.navigation-buttons button.top-nav-button[data-target="login"][aria-expanded="true"]:before,
.navigation-buttons>a[data-target="login"].is-active:before,
.navigation-buttons>a[data-target="login"][aria-expanded="true"]:before {
    color: #C0522A !important;
    filter: brightness(0) saturate(100%) invert(35%) sepia(80%) saturate(500%) hue-rotate(340deg) !important;
}

/* PŘIHLÁŠENÍ */
/* Aktivní barva textu při otevřeném panelu */
.navigation-buttons button.top-nav-button[data-target="login"].is-active:after,
.navigation-buttons button.top-nav-button[data-target="login"].is-open:after,
.navigation-buttons button.top-nav-button[data-target="login"][aria-expanded="true"]:after,
.navigation-buttons>a[data-target="login"].is-active:after,
.navigation-buttons>a[data-target="login"][aria-expanded="true"]:after {
    color: #C0522A !important;
}

/* PŘIHLÁŠENÍ */
/* Zvýraznění loginu při viditelném login okně */
.login-window-visible #header .top-nav-button-login,
.login-window-visible #header .top-nav-button-login:after,
.login-window-visible #header .top-nav-button-login:before {
    color: #C0522A !important;
}

/* PŘIHLÁŠENÍ */
/* Aktivní barva ikonky při otevřeném login okně */
.login-window-visible #header .top-nav-button-login:before {
    filter: brightness(0) saturate(100%) invert(35%) sepia(80%) saturate(500%) hue-rotate(340deg) !important;
}

/* KOŠÍK */
/* Odstranění zvýraznění při otevřeném panelu */
.cart-window-visible #header .cart-count,
.cart-window-visible #header .btn.cart-count {
    box-shadow: none !important;
    border-color: transparent !important;
    outline: none !important;
}

/* KOŠÍK */
/* Hover barva ikony košíku */
.click-cart a.cart-count:hover {
    color: #c0522a;
}

/* KOŠÍK */
/* Hover barva pseudo-ikony košíku */
.click-cart a.cart-count:hover:before {
    color: #c0522a;
}

/* KOŠÍK */
/* Hover barva ceny v košíku */
.click-cart a.cart-count:hover .cart-price {
    color: #c0522a !important;
}

/* KOŠÍK */
/* Základní barva šipky u košíku */
.navigation-buttons .click-cart a:after {
    color: #ffffff;
}

/* KOŠÍK */
/* Hover barva šipky u košíku */
.navigation-buttons .click-cart a:hover:after {
    color: #c0522a;
}

/* MENU POLOŽKY */
/* Bílá šipka u položek s podkategoriemi */
.navigation-in>ul>li.ext>a:after {
    color: #ffffff !important;
    border-color: #ffffff transparent transparent transparent !important;
}

/* DROPDOWN MENU */
/* Světlé pozadí rozbaleného menu */
.navigation-in>ul>li.ext>ul::before {
    background-color: #e9e6dc !important;
}

/* DROPDOWN MENU */
/* Tmavá barva , (čárek) v rozbaleném menu */
#header {
    color: #3d2e25;
}









@media (min-width: 992px) {

    /* Každá kategorie – obrázek vlevo, obsah vpravo */
    ul.menu-level-2>li.has-third-level {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    /* Obrázek – pevná velikost, drží se nahoře */
    ul.menu-level-2>li.has-third-level>a.menu-image {
        display: block !important;
        flex-shrink: 0 !important;
        align-self: flex-start !important;
        order: 1 !important;
    }

    ul.menu-level-2>li.has-third-level>a.menu-image img {
        width: 140px !important;
        height: 100px !important;
        object-fit: contain !important;
        display: block !important;
    }

    /* Pravá část – název + podkategorie pod sebou */
    ul.menu-level-2>li.has-third-level>div {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
        order: 2 !important;
        margin-top: 35px !important;
    }

    /* Oddělovací čára pod názvem hlavní kategorie */
    ul.menu-level-2>li.has-third-level>div>a {
        display: block !important;
        border-bottom: 1px solid #ccc !important;
        padding-bottom: 6px !important;
        margin-bottom: 4px !important;
        width: 100% !important;
    }

    /* Podkategorie – sloupec, vlevo, bez čárek */
    .navigation-in>ul>li.ext>ul>li>div>ul {
        line-height: normal !important;
        max-height: none !important;
        overflow: visible !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
    }

    ul.menu-level-3 li a {
        font-size: 14px !important;
        display: block !important;
        text-align: left !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .navigation-in>ul>li.ext>ul>li>div>ul li {
        display: block !important;
        font-size: 0 !important;
    }

    .navigation-in>ul>li.ext>ul>li>div>ul li a {
        font-size: 14px !important;
        display: block !important;
        text-align: left !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .navigation-in>ul>li.ext>ul>li>div>ul {
        line-height: normal !important;
        max-height: none !important;
        overflow: visible !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
        align-items: flex-start !important;
    }

    ul.menu-level-3 li a {
        font-size: 14px !important;
        display: block !important;
        text-align: left !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        width: 100% !important;
    }

    ul.menu-level-3 li a {
        transition: transform 0.15s ease, color 0.15s ease !important;
    }

    ul.menu-level-3 li a:hover {
        transform: translateX(4px) !important;
        text-decoration: none !important;
    }
}



/* DROPDOWN MENU */
/* Tmavá barva textů a odkazů v podmenu */
.navigation-in>ul>li.ext>ul a,
.navigation-in>ul>li.ext>ul span {
    color: #3d2e25 !important;
}

/* MENU 3. ÚROVEŇ */
/* Tmavá barva odkazů v hlubší úrovni menu */
#header .menu-level-3 li a {
    color: #3d2e25 !important;
}

/* VYHLEDÁVÁNÍ */
/* Vzhled inputu */
.search input[type="search"].form-control {
    border: 1px solid #e8e6dd;
    background-color: #e8e6dd;
}

/* VYHLEDÁVÁNÍ */
/* Barva inputu při focusu */
.search input[type="search"].form-control:focus {
    border-color: #3a2f26;
}

/* VYHLEDÁVÁNÍ */
/* Focus-visible zvýraznění inputu */
.search input[type="search"].form-control:focus-visible {
    box-shadow: 0 0 0 8px #e8e6dd;
}

/* VYHLEDÁVÁNÍ */
/* Vzhled tlačítka hledání */
.search .btn.btn-default,
.search a.btn.btn-default {
    color: #3d2e25;
    border-color: #3d2e25;
    background-color: #3d2e25;
}

/* VYHLEDÁVÁNÍ */
/* Bílá ikonka v tlačítku hledání */
.search .btn.btn-default:before,
.search a.btn.btn-default:before {
    color: #ffffff;
}

/* VYHLEDÁVÁNÍ - NAŠEPTÁVAČ */
/* Pozadí seznamu výsledků */
.search-whisperer-ul-group {
    background-color: #e9e6dc !important;
}

/* VYHLEDÁVÁNÍ - NAŠEPTÁVAČ */
/* Pozadí aktivního výsledku */
.search-whisperer.active {
    background-color: #e9e6dc;
}

/* VYHLEDÁVÁNÍ - NAŠEPTÁVAČ */
/* Ohraničení výsledků */
.search-whisperer {
    border: 1px solid #3d2e25 !important;
    border-top: none !important;
}

/* VYHLEDÁVÁNÍ - NAŠEPTÁVAČ */
/* Pozadí tlačítka */
.search-whisperer-btn {
    background-color: #e9e6dc;
}

/* VYHLEDÁVÁNÍ - NAŠEPTÁVAČ */
/* Pozadí skupin kategorií a tagů */
.search-whisperer-tags-group,
.search-whisperer-category-group {
    background-color: #e9e6dc;
}

/* VYHLEDÁVÁNÍ - AKTIVNÍ STAV */
/* Vzhled formuláře při aktivním hledání */
.search.is-searching .search-form {
    background-color: #e9e6dc;
    border: none !important;
}

/* VYHLEDÁVÁNÍ - AKTIVNÍ STAV */
/* Vzhled inputu při aktivním hledání */
.search.is-searching input[type="search"].form-control {
    background: #e9e6dc;
    border-bottom-color: #3d2e25 !important;
}

/* VYHLEDÁVÁNÍ - AKTIVNÍ STAV */
/* Vzhled tlačítka při aktivním hledání */
.search.is-searching .btn.btn-default,
.search.is-searching a.btn.btn-default {
    right: 5px;
    background: #e9e6dc;
    color: #e9e6dc;
}

/* VYHLEDÁVÁNÍ - VÝSLEDKY */
/* Barva odkazů ve výsledcích */
.search-whisperer-documents a {
    color: #3d2e25 !important;
}

/* TOP NAVIGACE */
/* Pozadí horní navigační lišty */
.top-navigation-bar {
    background-color: #2a1b0f !important;
}

/* TOP NAVIGACE */
/* Barva odkazů a dropdown tlačítek */
.top-navigation-bar a,
.top-navigation-bar .dropdown button {
    color: #787878;
}

/* TOP NAVIGACE */
/* Hover barva odkazů */
.top-navigation-bar a:hover,
.top-navigation-bar .dropdown button:hover {
    color: #ffffff;
}

/* TOP KONTAKTY */
/* Pozadí kontaktního bloku */
.top-navigation-bar .container>div.top-navigation-contacts {
    background-color: #2a1b0f;
}

/* TOP KONTAKTY */
/* Barva ikonky před odkazem */
.top-navigation-bar .top-navigation-contacts a:before {
    color: #ffffff;
}

/* TOP KONTAKTY */
/* Barva a velikost textu kontaktu */
.top-navigation-bar .top-navigation-contacts a span {
    color: #ffffff;
    font-size: 18px;
}

/* TOP KONTAKTY */
/* Posunutí a pozadí kontaktního boxu */
.top-navigation-contacts {
    top: 30px !important;
    background-color: #2a1b0f;
}

/* TOP KONTAKTY */
/* Zaoblení spodních rohů boxu */
.is-border-radius-rectangle .top-navigation-bar .container>div.top-navigation-contacts,
.top-navigation-bar .container>div.top-navigation-contacts {
    border-radius: 0 0 20px 20px !important;
}

/* MOBILNÍ MENU */
/* Barva odkazu - mobilního menu */
@media (max-width: 767px) {

    #header a,
    #header .header-nav a,
    #header .header-top a,
    .header-main a,
    .header-nav__item a,
    .header-top__item a {
        color: #2a1b0f !important;
    }
}

/* MOBILNÍ MENU */
/* Barva pozadí rozbaleného mobilního menu */
@media (max-width: 767px) {
    .navigation-in {
        background: #e7e6dd;
    }

    .navigation-in-bottom {
        background-color: #e7e6dd;
    }

    /* Barva odkazů v rozbaleném mobilním menu */
    .navigation-in-bottom .top-navigation-contacts a span {
        color: #ffffff;
    }

    /* Barva ikonky v rozbaleném mobilním menu */
    .navigation-in-bottom .top-navigation-contacts a:before {
        color: #ffffff;
    }

    /* Barva odkazů v rozbaleném mobilním menu */
    .top-navigation-bar a,
    .top-navigation-bar .dropdown button {
        color: #ffffff;
    }
}

/* =========================================================
   CENY
   ========================================================= */

/* CENA PRODUKTU */
/* Hlavní barva finální ceny */
.price-final {
    color: #6D2E18;
}

/* CENA PRODUKTU */
/* Finální cena v produktovém detailu */
.p-info-wrapper .p-final-price-wrapper .price-final {
    color: #6D2E18;
}


/* =========================================================
   FOOTER
   ========================================================= */

/* FOOTER SPODNÍ PRUH */
/* Barva podkladu pod footerem */
.footer-bottom-bg:before {
    background-color: #2a1b0f;
}

/* FOOTER */
/* Pozadí footer části */
.container.footer-bottom {
    background-color: #2a1b0f !important;
}

/* FOOTER */
/* Hlavní pozadí footeru */
#footer.is-white {
    background-color: #3d2e25 !important;
}

/* FOOTER TEXTY */
/* Barva nadpisů ve footeru */
#footer h3,
#footer h4 {
    color: #ffffff;
}

/* FOOTER TEXTY */
/* Barva ikon a dalších nadpisů ve footeru */
#footer #footer h4,
#footer .contact-box ul li>span::before,
#footer .contact-box h4 {
    color: #ffffff;
}

/* FOOTER ODKAZY */
/* Barva odkazů ve footeru */
#footer ul a {
    color: #e7e6dd;
}

/* FOOTER ODKAZY */
/* Hover barva odkazů ve footeru */
#footer.is-white .news-item-widget a:hover,
#footer.is-white ul a:hover {
    color: #c0522a;
}

/* FOOTER MOBILNÍ MENU */
/* Barva odkazů v rozbaleném mobilním menu ve footeru */
@media (max-width: 767px) {
    #footer.is-white .accordion--sm .accordion__item.is-active .accordion__trigger {
        color: #ffffff !important;
    }

    #footer.is-white .accordion--sm .accordion__item.is-active .accordion__trigger:after {
        color: #ffffff !important;
    }
}

.responsive-tools>a[data-target="navigation"]:before {
    color: #ffffff;
}

.responsive-tools>a[data-target="navigation"]:after {
    color: #ffffff;
}

/* =========================================================
   SIDEBAR A FILTRY
   ========================================================= */

/* SIDEBAR */
/* Odebrání borderu v sidebar boxech */
.sidebar-inner .box-rating,
.sidebar-inner .box-sale,
.sidebar-inner>div {
    border: none !important;
}

/* SIDEBAR */
/* Bílé pozadí filtrů a kategorií */
.box.box-filters,
.box.box-categories {
    background-color: #ffffff;
}

/* SIDEBAR KATEGORIE */
/* Aktivní kategorie v levém menu */
.categories-new-design #categories .topic.active>a {
    background-color: #3d2e25;
}

/* SIDEBAR KATEGORIE */
/* Pozadí nadpisu boxu kategorií */
.box.box-categories>h4 {
    background-color: #2a1b0f !important;
}

/* SIDEBAR FILTRY */
/* Pozadí nadpisu boxu filtrů */
.box.box-filters>h4 {
    background-color: #2a1b0f;
}

/* FILTRY NAD PRODUKTY */
/* Aktivní tlačítko řazení nebo zobrazení */
.category-header .listSorting__controls button.listSorting__control.listSorting__control--current {
    background-color: #3d2e25;
}

/* FILTRY NAD PRODUKTY */
/* Neaktivní tlačítka řazení nebo zobrazení */
.category-header .listSorting__controls button.listSorting__control {
    background-color: #3d2e25;
    color: #ffffff99;
}

/* FILTRY NAD PRODUKTY */
/* HOVER - Neaktivní tlačítka řazení nebo zobrazení */
.category-header .listSorting__controls button.listSorting__control:hover {
    color: #ffffff;
}

/* KATEGORIE NAD PRODUKTY */
/* Pozadí nadpisu kategorie nad produkty a rámeček*/
.subcategories li a {
    background-color: #e7e6dd;
    border: solid 1px white;
}


/* =========================================================
   OBSAH A STRÁNKY
   ========================================================= */

/* KONTAKT */
/* Kontejner obsahu na stránce kontakt */
.sedhokontakt {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ČLÁNEK */
/* Zrušení výchozího paddingu detailu článku */
.pageArticleDetail {
    padding: 0;
}

/* OBSAH */
/* Reset okrajů a zobrazení hlavního obsahu */
.content-inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
}


/* =========================================================
   OBJEDNÁVKA A KOŠÍK
   ========================================================= */

/* OBJEDNÁVKA */
/* Pozadí celé stránky objednávkového procesu */
body.ordering-process {
    background-color: #e8e6dd;
}

/* OBJEDNÁVKA */
/* Pozadí boxu s informacemi o objednávce */
.checkout-box-wrapper {
    background-color: #3d2e25;
}

/* OBJEDNÁVKA */
/* Barva nadpisu v boxu objednávky */
.checkout-box-wrapper h4 {
    color: #ffffff;
}

/* OBJEDNÁVKA */
/* Styl textu v doplňkových informacích */
.extras-wrap .extra span {
    font-size: 20px;
    color: #ffffff;
}

/* OBJEDNÁVKA */
/* Pozadí boxu dopravy zdarma */
.extras-wrap .extra-item.is-free-shipping .extra-content {
    background-color: #3d2e25;
}

/* OBJEDNÁVKA */
/* Barva popisku ceny v souhrnu */
.summary-wrapper .price-wrapper .price-label {
    color: #ffffff !important;
}

/* OBJEDNÁVKA */
/* Barva ikon v kontaktním boxu */
.checkout-box-wrapper .contact-box ul li>span:before {
    color: #ffffff;
}

/* OBJEDNÁVKA */
/* Barva odkazů v kontaktním boxu */
.checkout-box-wrapper .contact-box ul li a {
    color: #ffffff;
}

/* OBJEDNÁVKA */
/* Pozadí spodní části souhrnu objednávky */
.order-summary-bottom {
    background-color: #e8e6dd;
}

/* OBJEDNÁVKA */
/* Pozadí horní části dalšího kroku */
.next-step {
    background: #e8e6dd;
}

/* OBJEDNÁVKA */
/* Pozadí horní části souhrnu objednávky */
.order-summary-top {
    background-color: #e8e6dd;
}

/* OBJEDNÁVKA */
/* Primární barva hlavního popisku ceny */
.price-wrapper .price-label.price-primary {
    color: var(--color-primary);
}

/* OBJEDNÁVKA */
/* Pozadí sekce souhlasů v košíku */
.id--16 .cart-inner .consents,
.id--17 .cart-inner .consents {
    background-color: #e8e6dd;
}

/* PRÁZDNÝ KOŠÍK */
/* Barva textu v prázdném košíku */
.cart-inner.cart-empty {
    background-color: #ffffff;
}

/* PRÁZDNÝ KOŠÍK */
/* Tlačítko Zpět do obchodu - pozadí a barva textu */
.cart-content .next-step-back, .next-step-back.back-to-shop {
    background-color: #271c10;
    color: #ffffff;
}

/* PRÁZDNÝ KOŠÍK */
/* Hover: Tlačítko Zpět do obchodu - pozadí */
.cart-content .next-step-back:hover, 
.next-step-back.back-to-shop:hover {
    background-color: #4a3621;
}

/* PRÁZDNÝ KOŠÍK */
/* Tlačítko Zpět do obchodu - šipka barva */
.cart-content .next-step-back:before, .next-step-back.back-to-shop:before {
    color: #ffffff;
}

/* KOŠÍK */
/* Změna pozadí při sumarizaci - změny ceny nebo přidání počtu */
.summary-wrapper {
    background-color: #3a2f26;
}

/* KOŠÍK */
/* Barva textu v souhrnu objednávky - KS */
.cart-item-amount .unit-value {
    color: #292929;
}


/* =========================================================
   PRODUKTY
   ========================================================= */

/* PRODUKT */
/* Barva krátkého popisu produktu */
.p-short-description {
    color: #3d2e25;
}

/* PRODUKT */
/* Barva hlavního nadpisu produktu */
.p-info-headline .h1,
.p-info-headline h1 {
    color: #2a1b0f;
}

/* PRODUKT */
/* Barva názvu produktu ve výpisu */
.p .name {
    color: #2a1b0f;
}

/* PRODUKT */
/* Barva krátkého popisu produktu ve výpisu */
.products-block .p-bottom .p-desc {
    color: #3d2e25;
}


/* =========================================================
   GLOBÁLNÍ POZADÍ
   ========================================================= */

/* STRÁNKA */
/* Mobilní nebo globální pozadí stránky */
.external-fonts-loaded,
.blank-mode {
    background-color: #e7e6dd;
}

/* TITULNÍ STRÁNKA */
/* Pozadí uvítacího boxu na titulní straně */
.welcome {
    background-color: #483F33;
}

.welcome__left-panel h1[data-testid="eshopHeader"] {
    color: #ffffff !important;
}

/* =========================================================
   PŘIHLÁŠENÝ UŽIVATEL
   ========================================================= */

/* PŘIHLÁŠENÝ UŽIVATEL */
/* Pozadí boxu pro přihlášeného uživatele */
.box.box-client {
    padding: 20px 30px 20px 30px;
    background-color: #3a2f26;
}

/* PŘIHLÁŠENÝ UŽIVATEL */
/* Barva textu pro přihlášeného uživatele */
.client-center-box ul li.active a {
    color: #ffffff;
}

/* PŘIHLÁŠENÝ UŽIVATEL */
/* Barva textu pro neaktivní položky pro přihlášeného uživatele */
.client-center-box ul li a {
    color: #afafaf;
}

/* PŘIHLÁŠENÝ UŽIVATEL */
/* Hover barva textu pro položky pro přihlášeného uživatele */
.client-center-box ul li a:hover {
    color: #ffffff;
}