/*
    ========================================
    HEADER-NAV.CSS
    Auteur                : Renaud
    Création              : 07 décembre 2025
    Dernière modification : 11 décembre 2025
    ========================================
*/
/**
*   @project   DEVENIR-ARTISAN.NET
*   Gère le conteneur de la navigation principale.
*
*   @file  css/header-nav.css
*
*   @see   includes/header-nav.php
*   @note  Ce fichier gère le LAYOUT (positionnement). 
*          Le style des liens est dans css/buttons-nav.css
*/

/* --- CONTENEUR PRINCIPAL --- */
.header-nav {
    /* PLACEMENT */
    display: flex;
    align-items: center;
    height: 100%;
    /* Note : Positionné à droite par le flex parent du header-content */
}

/* --- LISTE DES LIENS (<ul>) --- */
.header-nav__list {
    /* PLACEMENT */
    display: flex;
    align-items: center;
    gap: 1.5rem; /* Espace entre les liens */
    margin: 0;
    padding: 0;
    
    /* VISUEL */
    list-style: none;
}

/* --- ELEMENT : Item (<li>) --- */
.header-nav__item {
    /* PLACEMENT */
    display: flex;
    align-items: center;
    margin: 0;
}

/* --- MODIFIER : Item CTA --- */
/* (Optionnel : si on veut un espacement spécifique pour le CTA) */
.header-nav__item--cta {
    /* PLACEMENT */
    margin-left: 0.5rem; 
}

/* --- RESPONSIVE --- */
/* 
   À 1150px (Breakpoint du header compact), on cache le menu texte 
   pour laisser la place au Burger.
*/
@media (max-width: 1150px) {
    .header-nav {
        display: none; 
    }
}

/* 
   DEBUG 
*/
/*
.header-nav           { border: 2px dashed blue; }
.header-nav__list     { border: 2px dashed cyan; }
.header-nav__item     { border: 2px dashed purple; }
*/