.ribz-media{display:block;width:100%;max-width:100%;height:auto;box-sizing:border-box}
.wp-block-shortcode:has(.ribz-media),.wp-block-shortcode:has(.wp-video){width:100%;max-width:100%;box-sizing:border-box}
.wp-block-shortcode .wp-video,.wp-block-shortcode video,.wp-block-shortcode .mejs-container{width:100%!important;max-width:100%!important;box-sizing:border-box}
.wp-block-shortcode video{height:auto}

/* Bannière #5 : la classe ribz-banner doit être ajoutée au bloc Cover Gutenberg. */
.ribz-banner{position:relative;overflow:hidden}
.ribz-banner>.wp-block-shortcode:has(.ribz-banner-video){position:absolute;inset:0;z-index:0;margin:0!important;padding:0!important;width:100%;height:100%;max-width:none}
.ribz-banner-video{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center;z-index:0;pointer-events:none}
/* Le contenu Gutenberg reste au-dessus de la vidéo. */
.ribz-banner>.wp-block-cover__inner-container{position:relative;z-index:2}
/* Masque le média de fond natif seulement quand la vidéo planifiée est présente. */
.ribz-banner:has(.ribz-banner-video)>.wp-block-cover__image-background,
.ribz-banner:has(.ribz-banner-video)>.wp-block-cover__video-background{opacity:0}
/* Conserve l'overlay du bloc Cover au-dessus de la vidéo mais sous le contenu. */
.ribz-banner:has(.ribz-banner-video)>.wp-block-cover__background{z-index:1}
@media(max-width:781px){.ribz-media,.wp-block-shortcode .wp-video,.wp-block-shortcode video,.wp-block-shortcode .mejs-container{max-width:100%!important}}