/* FIX: Suppression des barres noires dans les zones de titres */

/* Tous les containers de contenu - TRANSPARENT */
.container,
.wrapper,
.content,
.section-content,
.page-content {
    background: transparent !important;
}

/* Sections générales - TRANSPARENT sauf si explicitement hero */
section:not(.hero):not(.hero-section),
div.section:not(.hero):not(.hero-section) {
    background: transparent !important;
}

/* Zones de titres - TRANSPARENT */
.title-section,
.page-title,
.section-title,
.hero-content,
.content-wrapper,
[class*="title-"],
[class*="-title"] {
    background: transparent !important;
}

/* Headers de sections - TRANSPARENT */
.section-header,
.page-header:not(.mega-menu-networkit),
header:not(.mega-menu-networkit):not(.liquid-glass-header) {
    background: transparent !important;
}

/* Divs génériques - DÉSACTIVÉ car trop générique et casse les backgrounds */
/* NOTE: Cette règle cassait TOUS les backgrounds de TOUTES les pages */
/* div:not(.card):not(.panel):not(.box):not([class*="mega-"]):not([class*="mobile-"]) {
    background-color: transparent !important;
} */

/* Articles - TRANSPARENT */
article:not(.card):not(.panel) {
    background: transparent !important;
}

/* Grid et flex containers - TRANSPARENT */
.grid,
.flex,
.row,
.col,
[class*="grid-"],
[class*="flex-"] {
    background: transparent !important;
}

/* Text containers - TRANSPARENT */
.text-container,
.text-content,
.description,
.intro {
    background: transparent !important;
}

/* EXCEPTION CRITIQUE: Menu mobile - NE JAMAIS TOUCHER */
/* Ce fichier ne doit JAMAIS modifier le menu mobile */
/* Tous les styles du menu mobile sont gérés par mobile-menu-force-display.css */