/*
    ==========================================================
    PROJECT : SITE-GENERIQUE
    FILE    : css/header-nav.css
    AUTH    : Renaud
    CREATED : 07 décembre 2025
    UPDATED : 22 février 2026
    ==========================================================
*/

/**
*   @project        SITE-GENERIQUE
*   @description    Layout du conteneur de navigation.
*                   Gère le positionnement, pas le style des liens.
*
*   @file           css/header-nav.css
*
*   @see            includes/header-nav.php
*   @see            css/buttons-nav.css (Style des liens)
*   @see            css/buttons-cta.css (Style du CTA)
*
*   @note           Ce fichier gère le LAYOUT (positionnement).
*                   Le style des liens est dans buttons-nav.css
*/


/* --- BLOCK : Header Nav --- */
.header-nav {
    /* PLACEMENT */
    display: flex;
    align-items: center;
    height: 100%;
}


/* --- ELEMENT : List (<ul>) --- */
.header-nav__list {
    /* PLACEMENT */
    display: flex;
    align-items: center;
    gap: 1.5rem;
    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 --- */
.header-nav__item--cta {
    /* PLACEMENT */
    margin-left: 0.5rem;
}


/* --- RESPONSIVE (Tablette < 1150px) --- */
@media (max-width: 1150px) {
    .header-nav {
        display: none;
    }
}


/* 
   ==========================================================================
   DEBUG (À retirer en production)
   ========================================================================== 
*/

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