/*
===================================================
STYLES COMMUNS (style-commun.css) - VERSION MINIMALISTE FINALE
===================================================
*/

/* RÉINITIALISATION ET MODÈLE DE BOÎTE */
*, *::before, *::after {
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
    /* Correction clé : Force la barre de défilement verticale à être toujours visible */
    overflow-y: scroll;
}

/* --- HEADER ET NAVIGATION (PC) --- */

header {
    width: 100%;
    /* Conserver position: relative; comme nous l'avons déterminé */
    position: relative; 
    top: 0;           
    left: 0;          
    background-color: white; 
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;  
    
    /* 🚀 NOUVEAU : Réinitialiser le padding et la marge globale du header */
    padding: 0;
    margin-bottom: 0; /* Important : on retire les 20px de marge du bas */
    
    border-bottom: 1px solid #ccc;
    z-index: 10;
}
/* 🚀 NOUVEAU : Réinitialisation de l'alignement vertical pour éviter les écarts de ligne de base */
header h2 strong,
header h2,
nav {
    vertical-align: top;
    line-height: 1; /* Rendre la ligne de base aussi compacte que possible */
}

/* Votre règle h2 strong (Titre) - On ajoute les marges */
header h2 strong { 
    font-family: Verdana, sans-serif;
    font-size: 13px !important;
    color: #666666;
}

/* On utilise le h2 pour gérer l'espace au-dessus et en-dessous du titre */
header h2 {
    /* 15px en haut (pour l'espace au-dessus du titre) + 10px en bas */
    margin: 15px 0 10px 0 !important; 
    padding: 0 !important;
}

/* La navigation (Menu) */
nav {
    /* Règle qui remplace l'ancienne margin-bottom: 20px du header */
    margin-bottom: 15px !important; 
}
.menu-links {
    display: flex; /* En ligne sur PC */
    margin: 0;
    padding: 0;
}
nav a {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #666666;
    line-height: 1.4;
    margin: 0 15px; /* Marge PC */
    text-transform: uppercase;
    text-decoration: none; /* Assure que le lien n'est pas souligné */
    font-weight: bold;
}
nav a:visited, nav a:active {
    color: #666666;
}
nav a:hover {
    color: #FDC29B;
}

/* ❌ MENU TOGGLE MASQUÉ PAR DÉFAUT (PC) */
.menu-toggle {
    display: none; 
}
.lang-switcher {
    margin-right: 30px; 
    border: 1px solid #666666;
    padding: 2px 6px;
    font-weight: bold;
    color: #666666;
}
.instagram-link {
    margin-left: 30px; 
    padding: 0 5px;
}
/* Réduction de la taille des titres de section sur la page bio.htm (PC uniquement) */
.bio-lists h3.collapsible-header {
    /* La taille de 1.1em est un exemple. Ajustez-la à votre goût. 
       Si 1em est la taille par défaut, 1.1em est légèrement plus grand, 
       et 0.9em sera plus petit. */
    font-size: 1.0em !important;
    /* Si nécessaire, réduisez l'espace sous le titre */
    margin-bottom: 5px; 
    /* Optionnel : Rendre le texte moins gras si besoin */
    /* font-weight: normal; */
}