/* En-tête vidéo des pages salon.
   Divi impose min-height: 395px à la section : à 1440 px de large, une image
   16/9 en ferait 810 — on n'en voyait donc que la moitié haute, le plafond.
   On laisse la hauteur suivre le format de la vidéo, pour l'afficher entière
   sur toute la largeur. */

.gws-entete-video {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    /* Garde-fou : sur un très grand écran, 16/9 dépasserait la hauteur de la
       fenêtre et repousserait tout le contenu sous la ligne de flottaison.
       ATTENTION : avec `aspect-ratio`, un `max-height` fait rétrécir la
       LARGEUR pour préserver le format — d'où des marges blanches sur les
       côtés. On verrouille donc la largeur explicitement. */
    max-height: 80vh;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden;
}

/* Divi empile MediaElement.js sous la vidéo :
       span.et_pb_section_video_bg > div.mejs-container > div.mejs-inner
         > div.mejs-mediaelement > mediaelementwrapper > video
   et c'est **div.mejs-container** qui reçoit `margin-left: -720px` (la moitié
   de sa largeur) pour le centrage maison de Divi. Résultat : la vidéo ne
   couvrait que la moitié gauche du bandeau et l'image d'attente réapparaissait
   à droite — on croyait voir deux plans accolés.
   Il faut donc remettre à zéro les marges de TOUTE la pile, pas seulement
   celles de la vidéo, et donner une hauteur ferme à chaque niveau (sinon
   `height: 100%` ne résout rien : les wrappers naissent à 0). */

.gws-entete-video .et_pb_section_video_bg,
.gws-entete-video .et_pb_section_video_bg * {
    margin: 0 !important;
}

.gws-entete-video .et_pb_section_video_bg,
.gws-entete-video .et_pb_section_video_bg .mejs-container,
.gws-entete-video .et_pb_section_video_bg .mejs-inner,
.gws-entete-video .et_pb_section_video_bg .mejs-mediaelement,
.gws-entete-video .et_pb_section_video_bg mediaelementwrapper {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    overflow: hidden;
}

/* Les contrôles du lecteur n'ont rien à faire sur un fond décoratif. */
.gws-entete-video .mejs-controls,
.gws-entete-video .mejs-overlay-play {
    display: none !important;
}

.gws-entete-video .et_pb_section_video_bg video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    transform: none !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Mobile : Divi ne joue pas la vidéo de fond, l'image d'attente prend le
   relais — même format, même cadrage. */
@media (max-width: 980px) {
    .gws-entete-video {
        background-position: center center !important;
        background-size: cover !important;
    }
}