/* --- Global Header --- */

.header {
    background-color: #001f3f !important;
      min-height: 20vh;
}

.container-header {
    display: flex !important;
    flex-wrap: nowrap !important; /* Force une seule ligne */
    justify-content: space-between !important;
    align-items: stretch !important; /* Permet au logo de s'étirer verticalement */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align : right;
    height: 100px; /* Ajuste la hauteur totale souhaitée ici */
}

/* --- Logo --- */
.container-header .navbar-brand {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.container-header .navbar-brand img {
    height: 19vh !important; /* Doit correspondre à la hauteur du header */
    width: auto !important;
    max-height: none !important;
    padding: 0 !important;
}

/* --- Menu --- */
.container-header .mod-menu {
    display: flex !important;
    flex-wrap: nowrap !important; /* Empêche le retour à la ligne */
    margin: 0 !important;
    padding: 0 !important;
}

.container-header .mod-menu > li > a {
    color: #ffffff !important;
    white-space: nowrap !important; /* Force le texte (ex: Plan d'accès) sur une ligne */
    padding: 10px 8px !important; /* Réduction de l'espace entre les liens */
  font-size: 1.3rem; /* Taille plus grosse (ajuste si besoin) */
    font-weight: 600; /* Texte en gras */
  text-transform: uppercase;
  line-height: 15vh;
  }

.container-header .mod-menu > li > a:hover {
    color: #ffd700 !important;
}


/* --- Menu burger Mobile --- */

@media (max-width: 1200px) {
    /* 1. On force le bouton burger à droite */
    .navbar-expand-lg .navbar-toggler {
        display: block !important;
        margin-left: auto !important;
        margin-right: 10px;
        border-color: #fff !important;
        color: #fff !important;
    }

    /* 2. On ajuste le container qui se déroule */
    .navbar-collapse {
        background-color: #001f3f !important; /* Même bleu que ton header */
        border: 1px solid #ffffff33;
        border-radius: 0 0 5px 5px;
        padding: 0 !important; /* On enlève le padding pour que le survol soit plein bord */
        margin-top: 5px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.5);
        position: absolute; /* Pour qu'il passe au-dessus du contenu */
        top: 100%;
        right: 0;
        width: 250px; /* Largeur de l'accordéon */
        z-index: 1000;
    }

    /* 3. LE FIX DES ESPACES : On reset le line-height et les marges */
    .container-header .mod-menu, 
    .navbar-nav {
        flex-direction: column !important;
        text-align: right !important;
    }

    .container-header .mod-menu > li > a,
    .navbar-nav .nav-link {
        line-height: 1.5 !important;
        padding: 20px 25px !important; 
        margin: 0 !important;
        display: block !important;
        color: #ffffff !important; 
        border-bottom: 1px solid #ffffff1a;
        font-size: 1rem !important;
        text-transform: uppercase;
    }

    /* 4. Effet de survol pour l'aspect "pro" */
    .container-header .mod-menu > li > a:hover,
    .navbar-nav .nav-link:hover {
        background-color: #003366 !important; /* Bleu un peu plus clair au survol */
        color: #ffd700 !important; /* Ton or/jaune au survol */
    }
}

/* Taille de l'icône Burger */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}



/* --- Global Footer --- */

/* 2. Centrage vertical et horizontal du lien */
.footer .container {
    display: flex !important;
    justify-content: center !important; 
    align-items: center !important;
    height: 60px !important; /* Hauteur plus fine que le header (100px) */
}

/* 3. Design du lien (Blanc, Gras, Majuscule) */
.footer .mod-custom p {
    color: #ffffff !important;
    font-size: 0.90rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 10px 15px !important;
    transition: all 0.3s ease !important;
}

.footer a:hover {
    color: #ffd700 !important;
}