/**
 * Bandeau promo rouge — toutes pages
 */

.header-banner #blocktopreassurance {
    display: none !important;
}

.header-banner {
    position: relative;
    z-index: 5200;
}

.header-banner .hj-top-banner,
.hj-top-banner {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    background-color: #FE3333;
    color: #FFFFFF;
    text-align: center;
    padding: 0.55rem 1rem;
    line-height: 1.3;
    z-index: 5200 !important;
}

.header-banner .hj-top-banner__text,
.hj-top-banner__text {
    display: block;
    width: 100%;
    color: #FFFFFF !important;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    text-decoration: none;
}

.hj-top-banner-spacer {
    display: block;
    width: 100%;
    height: var(--hj-top-banner-h, 2.75rem);
}

/*
 * La recherche mobile (#search-widget-mobile) est en position:absolute; top:62px.
 * Sans ancestor positionné, elle se cale sur le viewport et chevauche le logo
 * tant que le sticky n'est pas actif. relative = même repère avant/après scroll.
 */
#mobile-header-sticky {
    position: relative;
}

/* Header / menu sticky sous le bandeau promo */
#desktop-header.stuck-header,
#iqitmegamenu-wrapper.stuck-menu,
#mobile-header-sticky.stuck-down,
#mobile-header-sticky.stuck-up.visible-stuck-up,
#mobile-header-sticky.stuck-up.visible-stuck-up-scroll,
#mobile-header-sticky.stuck-up.visible-stuck-up.visible-stuck-up-scroll {
    top: var(--hj-top-banner-h, 2.75rem) !important;
}

@media (max-width: 767px) {
    .header-banner .hj-top-banner__text,
    .hj-top-banner__text {
        font-size: 0.78rem;
    }
}