/*
===================================================
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: 120px auto 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) {

    /* 0. Suppression des bordures sur header/nav */
    header,
    nav.main-nav {
        border: none !important;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /* 1. AFFICHAGE ET CENTRAGE DU BOUTON HAMBURGER */
    .menu-toggle {
        display: block !important;
        width: 100% !important; /* ligne prend toute la largeur */
        text-align: center !important;
        padding: 10px 0;
        margin: 0; /* suppression des marges latérales */
        cursor: pointer;
        font-size: 24px; 
        border-bottom: 1px solid #fff !important; /* ligne unique */
        box-sizing: border-box;
        position: relative; 
        z-index: 20;
    }

    /* 2. Masquer les liens par défaut */
    .menu-links {
        display: none !important;
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: none !important; /* supprime la ligne fantôme */
    }

    /* 3. 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: 0;
        border-bottom: none !important; /* aucune ligne supplémentaire */
    }

    /* 4. Liens du menu centrés et pleine largeur */
    .menu-links.menu-active a {
        margin: 0 auto !important; 
        padding: 8px 0;
        display: block; 
        width: 100%; 
        text-align: center; 
    }

    /* 5. SWITCHERS / INSTAGRAM */
    .lang-switcher, 
    .instagram-link {
        font-size: 11px !important;
		margin: 0 auto !important;
		padding: 8px auto !important;      /* 💥 évite que Firefox génère un contour */   
        display: block;
        width: fit-content;
        text-align: center; 
		border: none !important;    /* 💥 supprime la bordure autour du EN */            
    }

    /* 6. Décalage du contenu de presse sur mobile */
    .presse-content {
        margin-top: 90px !important; /* aligne la hauteur avec contact */
        padding: 15px; 
	}

    /* 7. Masquer tout hr éventuel */
    hr {
        display: none !important;
    }
}