/* maxitoys-cz: need-help white, custom bottom/copyright colors, black header */
:root {
    --primary-color: #b9519f;
    --white-color: #fff;
    --black-color: #000;
    /* Override shared defaults */
    --header-bg: var(--white-color);
    --nav-bg: var(--primary-color);
    --hover-accent-bg: var(--black-color);
    --hover-accent-stroke: var(--black-color);
    --search-border-color: var(--primary-color);
    --category-border-color: var(--black-color);
    --logo-mobile-width: 120px;
}

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

/* --- Primary-color text NOT in shared --- */
span.bottom_title {
    color: var(--primary-color);
}

/* --- Additional primary-color backgrounds beyond shared --- */
#novinky-akce,
#bottom-0 .banner_bottom_out,
.kontakt-map a::after,
#top_bottom .top-block.right a,
.head_menu a {
    background: var(--primary-color);
}

/* --- Black backgrounds --- */
#bottom .container_in,
#bottom-2 .container_in {
    background: var(--black-color);
}

/* --- White text in header --- */
.compare_heart span.fas,
.compare_heart span.far,
#top-mujucet span.far,
#top-kosik span.fas,
.leftBoxContainer a.category-top,
#top-mujucet a,
#top-search-menu .top-block span,
#top-search-menu .top-block a,
#top-kosik span.kosik-price,
#top-kosik span.kosik-price a,
#bottom .container li a,
#bottom .container ul li,
#navigation-search,
.navigation-button,
#top_bottom .top-block.right a,
.need-help,
.need-help * {
    color: var(--white-color);
}

/* --- Custom copyright color --- */
.bottom_copyright,
.copyright a {
    color: #7c7c7c;
}

/* --- Black text accents --- */
.header-left .leftBoxContainer a.category-top:hover,
.header-left .leftBoxContainer a.category-top.selected,
.leftBoxContainer .category-top.nav-show-more,
.leftBoxContainer .category-top.nav-show-more:hover,
#bottom-0 .banner_bottom_out a.banner_bottom_a:hover,
.odber-novinek-bottom .button-odber:hover,
#top_bottom .top-block a {
    color: var(--black-color);
}

/* --- #top and hover backgrounds --- */
#top,
#top_bottom .top-block.right a:hover {
    background-color: var(--black-color);
}
.kontakt-map a:hover::after {
    background-color: #1F1F1F;
}
#top-kosik span.fas,
#navigation-search {
    -webkit-text-stroke: 2px var(--black-color);
}

/* --- Category border --- */
.header-left .categories {
    border-top: 1px dashed var(--black-color);
}

/* --- Header box-shadow on desktop --- */
@media (min-width: 1025px) {
    #header {
        box-shadow: 0 0 8px rgba(201,201,201,0.75);
    }
    .index #header {
        box-shadow: none;
    }
}

/* === Issue 1 fix 2026-06-17: čitelnost kontaktního bloku na TMAVÉM headeru ===
   SCOPE: maxitoys-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;
}