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

/* --- BLOCK : Footer Logo --- */
.footer-logo {
    /* PLACEMENT */
    /* On utilise Flex comme dans le header pour centrer verticalement le SVG */
    display: inline-flex; 
    align-items: center; 
    height: 80px;
    width: auto;
    
    /* Marge de sécurité interne */
    padding: 5px; 
    box-sizing: border-box;

    /* TEXTE */
    text-decoration: none;

    /* EFFET */
    transition: transform 0.2s ease, opacity 0.2s ease;
}

/* ÉTAT : Interaction (Hover / Focus) */
.footer-logo:hover,
.footer-logo:focus {
    /* EFFET */
    transform: scale(1.02);
    outline: none;
}

.footer-logo:active {
    /* EFFET */
    transform: scale(0.98);
}


/* --- ELEMENT : SVG (Enfant direct) --- */
.footer-logo svg {
    /* PLACEMENT */
    display: block;
    height: 100%;
    width: auto; 
    max-width: none;
    
    /* VISUEL : SOLUTION DU PROBLÈME */
    /* Par défaut, un SVG cache ce qui dépasse (overflow: hidden).
       On le force à visible pour que l'animation du haut ne soit pas coupée. */
    overflow: visible; 
}

/* 
   Note Responsive :
   On ne cache PAS le logo sur tablette/mobile ici.
   C'est footer-content.css qui gère la grille.
*/