/* beneo-cz: COMPLEX tenant — secondary/tertiary/dark colors, banner animation, badge colors, white header text */
:root {
    --primary-color: #89969b;
    --secondary-color: #263740;
    --tertiary-color: #333;
    --dark-color: #222;
    --white-color: #fff;
    --black-color: #000;
    /* Override shared defaults */
    --header-bg: var(--dark-color);
    --nav-bg: var(--tertiary-color);
    --hover-accent-bg: var(--secondary-color);
    --hover-accent-stroke: var(--secondary-color);
    --search-border-color: var(--black-color);
    --category-border-color: var(--primary-color);
    --logo-mobile-width: 88px;
}

#top-block {
    background: var(--white-color);
}

/* --- Search button uses dark-color (#222), not nav-bg (tertiary #333) --- */
.top-search-button {
    background: var(--dark-color);
}

/* --- Override shared --primary-color backgrounds with --secondary-color ---
   Shared assigns background: var(--primary-color) to these selectors.
   beneo-cz needs --secondary-color (#263740) instead of --primary-color (#89969b).
   Omitted from this list: .categories, .centeredContent .sleva, .sleva_big
   (those get different treatment — see black backgrounds below). */
.nav-tabs-out h3:before,
#top_categoriesContent .categories .categoriesContent,
#top_categoriesContent .categories .categoriesContent::after,
#top-kosik span.total-item,
.compare_heart span.total-item,
#stranka .categories .categoriesContent,
.kontakt-map a:hover::after,
.centerBoxContentsProducts-in .product-button .button-shoping-in:hover,
.services div a:hover,
#next-listing a,
.modal-button-filtr:hover,
.filter-letter:hover,
.filter-letter.active,
#productAdditionalImages .productMainImage a:before,
.best_button a:hover,
.product-button a.button-shoping-in:hover,
.rc-slider-track,
.rc-slider-handle,
#obsah_bottom span,
.ikony div.extra-sleva,
#novinky-akce {
    background: var(--secondary-color);
}

/* --- Black backgrounds (override shared --primary-color or --header-bg) --- */
#top,
#top_bottom .top-block.right a,
#next-listing a:hover,
.centeredContent .sleva,
#bottom-0 .banner_bottom_out,
.sleva_big {
    background: var(--black-color);
}

/* --- Black text (override shared --primary-color text) --- */
.odber-novinek-bottom .button-odber,
#top-block a,
#top-block span,
.top-block a,
.top-block span,
#top_bottom .top-block.right a:hover {
    color: var(--black-color);
}

/* --- Secondary color accent text --- */
.odber-novinek-bottom .button-odber:hover {
    color: var(--secondary-color);
}

/* --- Black text-stroke for search/nav icons --- */
#top-kosik span.fas,
#navigation-search,
#header .navigation-button {
    -webkit-text-stroke: 2px var(--black-color);
}

/* --- White text in header area (dark header needs light text) --- */
.compare_heart span.fas,
.compare_heart span.far,
#top-mujucet span.far,
#top-kosik span.fas,
#top-mujucet a,
#top-kosik span.kosik-price,
#top-kosik span.kosik-price a,
#top-search-menu .top-block span,
#top-search-menu .top-block a,
#top-mujucet a:hover,
#top-kosik span.kosik-price a:hover,
#top-search-menu .top-block a:hover,
#top_bottom .top-block a:hover,
#top_bottom .top-block.right a,
#navigation-search,
.navigation-button {
    color: var(--white-color);
}

/* --- Underline hovers in header --- */
#top-mujucet a:hover,
#top-kosik span.kosik-price a:hover,
#top-search-menu .top-block a:hover,
#top_bottom .top-block a:hover {
    text-decoration: underline;
}
#top_bottom .top-block.right a:hover {
    text-decoration: none;
}

/* --- Category sidebar: white bg (override shared primary-color), dashed border --- */
.categories {
    background-color: #fff;
}
.header-left .categories {
    border-top: 1px dashed var(--primary-color);
    box-shadow: 0 0 8px rgba(37,37,37,0.45);
}

/* --- Badge colors (all gray) --- */
.ikony div.sleva,
.ikony div.extra-sleva,
.ikony div.novinka,
.ikony div.darek,
.ikony div.vystaveno,
.ikony div.zaruka {
    background-color: #a3a3a3;
}

/* --- Banner animation (unique to beneo-cz) --- */
.block-banner--in a span {
    display: block;
    position: relative;
}
.block-banner--in span.img::before {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.35s ease-in-out 0s;
    background-color: rgba(255,255,255,0.4);
    content: '';
    width: 100%;
    height: 0;
    z-index: 1;
}
.block-banner--in a:hover span.img::before {
    width: 100%;
    height: 100%;
}
.block-banner--in a span.text {
    display: block;
    text-align: center;
    color: var(--black-color);
    text-decoration: none;
    padding: 4px 0;
}
.block-banner--in a span.text i {
    display: block;
}
.block-banner--in a {
    text-decoration: none;
}
.block-banner--in a:hover span.text {
    text-decoration: underline;
}

/* --- Copyright logo dark filter --- */
.bottom_copyright .copyright.left img {
    filter: brightness(0);
}

/* --- Mobile: extra top padding --- */
@media (max-width: 1024px) {
    #top .container {
        padding-top: 10px;
    }
}

/* === Issue 1 fix 2026-06-17: čitelnost kontaktního bloku na TMAVÉM headeru ===
   SCOPE: beneo-cz ONLY (tmavý header → světlé texty v #top-kosik-ucet).
   Core stylesheet.css default #1a1a1a je navržený pro SVĚTLÝ header; na tomto
   tenantovi je podložka kontaktního bloku tmavá → WCAG kontrast ~1.2 (FAIL).
   Per-tenant proměnná přebije core default. Owner zadání E-beneo-20260612085244-4a8b. */
:root {
    --header-contact-text-color: var(--white-color, #fff);
    --header-contact-subtext-color: #cfcfcf;
}