/* ============================================
   SECTION À PROPOS - VIDÉO PLAN AÉRÉ VISIBLE
   ============================================ */

/* Section About */
.about-section {
    position: relative !important;
    background: #ffffff !important;
    padding: 120px 0 !important;
    overflow: hidden !important;
}

/* Container vidéo */
.about-video-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    overflow: hidden !important;
}

/* Vidéo plan aéré - 100% VISIBLE */
.about-video-bg video {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    width: auto !important;
    height: auto !important;
    transform: translate(-50%, -50%) !important;
    object-fit: cover !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 0 !important;
}

/* SUPPRIMER TOUS les overlays et fonds blancs */
.about-section::before,
.about-section::after,
.about-video-bg::before,
.about-video-bg::after,
.about-section .container-fullwidth::before,
.about-section .container-fullwidth::after {
    display: none !important;
    content: none !important;
    background: none !important;
    opacity: 0 !important;
}

/* Container au-dessus de la vidéo */
.about-section .container-fullwidth {
    position: relative !important;
    z-index: 2 !important;
}

/* Forcer transparence sur TOUS les conteneurs */
.about-section .container-fullwidth,
.about-section .about-content-grid,
.about-section .section-header-center {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Contenu texte - SANS fond blanc */
.about-text-content {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Texte en bleu foncé */
.about-section h2,
.about-section p,
.about-section .section-title,
.about-section .section-subtitle,
.about-section .about-paragraph,
.about-section .feature-item span {
    color: #001f3f !important;
}

/* Badge */
.about-section .section-badge {
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    color: #d4af37 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .about-section {
        padding: 80px 0 !important;
    }
    
    .about-text-content {
        padding: 30px !important;
    }
}