/*
 | Bandeaux promo collants (motif de soldes `.cz-sale-season`, paliers `.cz-promo-tiers`), 03/11/2026.
 | Demande : les deux bandeaux restent visibles en haut de l'écran pendant le défilement, sur toutes les boutiques.
 |
 | - Chaque bandeau est `sticky`. Son `top` est posé par js/promo-bands-stick.js : la barre d'annonce épinglée
 |   (en-tête overlay) puis les bandeaux précédents. Le total part dans `--cz-bands-h` sur <html>.
 | - L'en-tête se colle SOUS les bandeaux : `.navbar-stuck` (en-tête standard, fixé par theme.js après 500 px)
 |   et `.cz-hdr-solid` (overlay sans visuel, en sticky). En overlay sur visuel, header-1 le cale déjà sur le bas
 |   réel des bandeaux.
 | - Fond OPAQUE : le fond d'origine est une teinte en transparence ; collé, le contenu défilait au travers.
 |   La même teinte est posée en dégradé sur le fond du site. Sélecteurs doublés : les <style> des partials
 |   arrivent après cette feuille.
 | - z-index 1031 : au-dessus de l'en-tête (1030) qui glisse dessous, sous la barre d'annonce épinglée (1035),
 |   les tiroirs (1045) et le méga-menu (1085).
 */
.cz-sale-season.cz-sale-season,
.cz-promo-tiers.cz-promo-tiers {
    position: sticky;
    top: 0;
    z-index: 1031;
}
.cz-sale-season.cz-sale-season {
    background: linear-gradient(color-mix(in srgb, var(--cz-primary, #546efd) 10%, transparent), color-mix(in srgb, var(--cz-primary, #546efd) 10%, transparent)), var(--cz-body-bg, #fff);
}
.cz-promo-tiers.cz-promo-tiers {
    background: linear-gradient(color-mix(in srgb, var(--cz-primary, #546efd) 6%, transparent), color-mix(in srgb, var(--cz-primary, #546efd) 6%, transparent)), var(--cz-body-bg, #fff);
}

/* En-tête standard, fixé par theme.js (`fixed-top navbar-stuck`) : sous les bandeaux, pas par-dessus. */
header.navbar.navbar-stuck.fixed-top {
    top: var(--cz-bands-h, 0px);
}
/* En-tête overlay sur une page sans visuel : sticky `top: 0 !important` dans header-1, d'où la spécificité. */
html body header.cz-hdr-overlay.cz-hdr-solid {
    top: var(--cz-bands-h, 0px) !important;
}