/*
    ========================================
    HEADER-LOGO.CSS
    Auteur                : Renaud
    Création              : 07 décembre 2025
    Dernière modification : 11 décembre 2025
    ========================================
*/
/**
*   @project   DEVENIR-ARTISAN.NET
*   Gère les dimensions et le comportement du conteneur du logo.
*
*   @file  css/header-logo.css
*
*   @see   includes/header-logo.php (Structure HTML + SVG)
*   @see   includes/logo.html       (Le fichier SVG source)
*   @see   css/header-content.css   (Le parent Flexbox .header-content)
*/

/* --- CONTENEUR PRINCIPAL --- */
.header-logo {
    /* PLACEMENT */
    display: flex;
    align-items: center;
    height: 100%;
    width: auto;
    padding: 3px;
    box-sizing: border-box;
    flex-shrink: 0; 
    z-index: 1002;

    /* TEXTE */
    text-decoration: none;

    /* EFFET */
    transition: transform 0.2s ease;
}
.header-logo:hover,
.header-logo:focus  { 
    transform: scale(1.02); 
    outline: none; /* On enlève le carré bleu */
}
.header-logo:active { transform: scale(0.98);}

/* --- LE SVG --- */
.header-logo svg {
    /* PLACEMENT */
    height: 100%;
    width: auto; 
    display: block;
    max-width: none;
}

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