.vvo-wrapper {
    position: relative !important;
    overflow: hidden !important;
}

.vvo-wrapper iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    /* Préfixes pour anciennes versions de Safari */
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    /* Taille minimale en pourcentage pour compatibilité */
    min-width: 100% !important;
    min-height: 100% !important;
    /* Fallback pour anciennes versions */
    width: 100vw !important;
    height: 56.25vw !important; /* 16:9 ratio */
    /* Taille préférée avec vh pour navigateurs modernes */
    width: 177.78vh !important; /* 100vh * 16/9 */
    height: 100vh !important;
    pointer-events: none !important;
    z-index: 0 !important;
    border: none !important;
    /* Forcer l'affichage sur Safari */
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

/* Fallback pour Safari ancien qui ne supporte pas vh/vw correctement */
@supports not (width: 100vw) {
    .vvo-wrapper iframe {
        width: 200% !important;
        height: 200% !important;
    }
}

/* Si le container est plus large que 16:9, ajuster */
@media (min-aspect-ratio: 16/9) {
    .vvo-wrapper iframe {
        width: 100vw !important;
        height: 56.25vw !important; /* 100vw * 9/16 */
    }
}

/* Pour les sections Oxygen */
.vvo-wrapper.ct-section,
.vvo-wrapper.oxy-section {
    position: relative !important;
    overflow: hidden !important;
}

/* Styles pour le contenu au-dessus de la vidéo */
.vvo-wrapper > *:not(iframe):not(.vvo-color-overlay):not(.vvo-iframe) {
    position: relative !important;
    z-index: 2 !important;
}

.vvo-wrapper .ct-section-inner-wrap {
    position: relative !important;
    z-index: 2 !important;
}

.vvo-wrapper .ct-div-block {
    position: relative !important;
    z-index: 2 !important;
}

.vvo-wrapper .ct-text-block {
    position: relative !important;
    z-index: 2 !important;
}

/* Masquer les éléments YouTube (logo, boutons, annotations, watermark) */
.vvo-wrapper iframe.vvo-iframe {
    /* Agrandir légèrement l'iframe pour cacher les bords avec les contrôles */
    -webkit-transform: translate(-50%, -50%) scale(1.2) !important;
    -moz-transform: translate(-50%, -50%) scale(1.2) !important;
    -ms-transform: translate(-50%, -50%) scale(1.2) !important;
    transform: translate(-50%, -50%) scale(1.2) !important;
}

/* Overlay pour bloquer les clics et masquer les éléments interactifs */
.vvo-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
}

/* Overlay coloré - entre la vidéo et le contenu */
.vvo-color-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
}