/*
===================================================
STYLES SPÉCIFIQUES (presse.css)
===================================================
*/

.presse-content {
    /* Typographie et centrage du contenu de la page Presse */
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #666666;
    line-height: 1.4;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.presse-content h3 {
    /* Style pour les titres d'articles ou sections */
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 0.5em;
    color: #666666;
}

.presse-content p {
    /* Style pour les paragraphes, description d'article, date */
    margin-bottom: 1em;
}

.presse-content a {
    /* Style pour les liens des articles */
    color: #FDC29B;
    text-decoration: none;
    font-weight: bold;
}

.presse-content a:hover {
    text-decoration: underline;
}


/*
===================================================
RÈGLES D'ADAPTATION (MEDIA QUERIES) - CORRECTIONS MOBILE
===================================================
*/

@media (max-width: 768px) {
    
      
    /* ⭐ CORRECTION CRITIQUE DU DÉCALAGE : La navigation doit prendre 100% de la largeur ⭐ */
    nav.main-nav {
        display: block !important; 
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    /* 1. AFFICHAGE ET CENTRAGE DU BOUTON HAMBURGER (Standardisé) */
    .menu-toggle {
        display: block !important;
        width: 100%;
        text-align: center !important;
        padding: 10px 0;
        margin: 0 auto 5px auto; 
        cursor: pointer;
        font-size: 24px; 
        border-bottom: 1px solid #ccc;
        position: relative;
        z-index: 20;
    }

    /* Masquer les liens par défaut */
    .menu-links {
        display: none !important; 
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /* 2. Affichage et Centrage du Menu Actif */
    .menu-links.menu-active {
        display: flex !important; 
        flex-direction: column; 
        align-items: center; 
        width: 100%;
        padding: 0;
        margin: 0;
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }
    
   /* 5. Séparer la règle des LIENS du menu des règles des SWITCHERS (Correction de l'espacement) */

/* a) Règle des LIENS du menu (supprime les marges verticales) */
.menu-links.menu-active a {
    /* 💥 CRITIQUE : Neutralise la marge verticale excessive qui crée trop d'espace */
    margin: 0 auto !important; 
    
    padding: 8px 0; /* Vous pouvez ajuster le 8px ici pour affiner l'espacement */
    display: block; 
    width: 100%; /* Permet au lien de prendre toute la largeur de l'élément flex parent (colonne) */
    text-align: center; 
}

/* b) Règle des SWITCHERS/INSTAGRAM (Ils peuvent garder leur marge pour être séparés du menu) */
.lang-switcher, 
.instagram-link {
    margin: 8px auto !important; /* Laissez-leur la marge verticale si vous voulez qu'ils soient séparés */
    display: block; 
    width: fit-content;
    text-align: center; 
}
}