/* Bannière accueil native - indépendante de Spectra Legacy */
/* v1.28.21 : véritable pleine largeur + vague inférieure */

/* Le bandeau est injecté dans le contenu WordPress, mais il s'échappe volontairement
   de tous les conteneurs Astra pour toucher les deux bords de la fenêtre. */
.home .site-content,
.home .site-content > .ast-container,
.home #primary,
.home .site-main,
.home article,
.home .entry-content{
    overflow:visible!important;
}

.racine-home-native-banner{
    position:relative;
    left:50%;
    width:100vw!important;
    max-width:100vw!important;
    height:var(--racine-banner-height,560px);
    margin:0!important;
    margin-left:-50vw!important;
    padding:0!important;
    overflow:hidden;
    background:#0b3855;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    line-height:0;
    isolation:isolate;
}

.racine-home-native-banner__media{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:hidden;
}

.racine-home-native-banner__video,
.racine-home-native-banner__image{
    display:block;
    width:100%;
    height:100%;
    max-width:none!important;
    object-fit:cover;
    object-position:center center;
}

/* Vague intégrée : aucune image externe, aucun bloc Spectra. */
.racine-home-native-banner__waves{
    position:absolute;
    z-index:3;
    left:0;
    right:0;
    bottom:-1px;
    width:100%;
    height:112px;
    pointer-events:none;
}
.racine-home-native-banner__waves svg{
    display:block;
    width:100%;
    height:100%;
}
.racine-wave-back{fill:#9fdcf5;opacity:.92}
.racine-wave-mid{fill:#d8effa;opacity:.98}
.racine-wave-front{fill:#fff}

/* Neutralise les limites de largeur qui peuvent être héritées de l'ancien bloc. */
.home .racine-home-native-banner,
.home .entry-content > .racine-home-native-banner,
.home .wp-block-post-content > .racine-home-native-banner{
    width:100vw!important;
    max-width:100vw!important;
}

@media(max-width:1024px){
    .racine-home-native-banner{height:var(--racine-banner-height,520px)}
    .racine-home-native-banner__waves{height:92px}
}

@media(max-width:768px){
    .racine-home-native-banner{height:var(--racine-banner-mobile-height,330px)}
    .racine-home-native-banner__waves{height:62px}
}

@media(prefers-reduced-motion:reduce){
    .racine-home-native-banner__video{animation:none}
}