/* ========== REGIONS CSS - CORRECTIONS MOBILES ========== */

/* Correction UNIQUEMENT pour les pages communes qui n'ont pas de section hero */
/* Les pages régionales ont des sections hero (.hero-regions, .hero-bruxelles, etc.) */
/* Les pages communes commencent directement par .main-content */
body:not(:has(.hero-regions)):not(:has(.hero-bruxelles)):not(:has(.hero-flandre)):not(:has(.hero-wallonie)) .main-content {
                 padding-top:inherit;
/* Compenser la hauteur du header fixe */
}

/* Solution ciblée pour corriger les problèmes mobile sans casser le contenu */
@media (max-width: 768px) {
    /* Ajustement du padding pour mobile - uniquement pages communes */
    body:not(:has(.hero-regions)):not(:has(.hero-bruxelles)):not(:has(.hero-flandre)):not(:has(.hero-wallonie)) .main-content {
                padding-top:inherit;
                margin-top: 50px;

    }
    /* Supprimer uniquement les effets de flou qui posent problème sur mobile */
    * {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    /* Corriger les overlays trop opaques - les rendre plus transparents */


    
    
    /* Assurer que les sections sont visibles sur mobile */
    .section,
    .communes-bruxelles,
    .specificites-bruxelles {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ajustements pour les cartes communes */
    .commune-card {
        margin-bottom: 1rem !important;
        width: 100% !important;
    }
    
    /* Ajustements pour les grilles responsive */
    .communes-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    div[style*="grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    div[style*="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    div[style*="grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    /* Assurer la lisibilité des textes */
    .hero-content h1 {
        font-size: 2.2rem !important;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
    }
    
    /* Ajustements d'espacement mobile */
    .hero-regions,
    .hero-bruxelles,
    .hero-flandre,
    .hero-wallonie {
        min-height: 60vh !important;
        padding: 1rem 0 !important;
    }
    
    .container {
        padding: 0 1rem !important;
    }
    
    /* Corriger l'affichage des sections après le hero */
    section:not(.hero-bruxelles) {
        padding: 2rem 0 !important;
        margin: 0 !important;
    }
    
    /* Assurer que les éléments flex sont visibles */
    div[style*="display: flex"] {
        flex-wrap: wrap !important;
    }
}