/* --- CONFIGURATION LOGO DYNAMIQUE KAINA --- */

/* 1. RESET COMPLET DU LIEN (Annule les effets globaux) */
.custom-logo-link, 
.custom-logo-link:hover, 
.custom-logo-link:focus, 
.custom-logo-link:active {
    text-decoration: none !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 1rem 0 0 0 !important;
    margin: 0 !important;
    display: inline-block !important;
    line-height: 0 !important; /* Supprime l'espace sous l'image */
    opacity: 1 !important; /* Force l'opacité pleine par défaut */
}

/* Supprime les soulignements animés ou barres de soulignement du thème */
.custom-logo-link::after, 
.custom-logo-link::before {
    display: none !important;
    content: none !important;
}

/* 2. PARAMÉTRAGE DE LA TAILLE ET DU STYLE DE L'IMAGE */
.custom-dynamic-logo {
    /* --- RÉGLAGE DE LA TAILLE DESKTOP ICI --- */
    width: 180px !important; 
    
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    
    /* Préparation pour le fondu au survol (optionnel) */
    transition: opacity 0.3s ease-in-out !important;
    
    /* --- ANIMATION D'APPARITION (FONDU AU CHARGEMENT) --- */
    opacity: 0; /* Départ invisible */
    animation: logoFadeIn 0.6s ease-out forwards;
    animation-delay: 0.2s; /* Petit délai pour un chargement propre */
}

/* 3. RÉGLAGES RESPONSIVE (TABLETTE) */
@media (max-width: 1024px) {
    .custom-dynamic-logo {
        /* --- RÉGLAGE DE LA TAILLE MOBILE ICI --- */
        width: 160px !important; 
    }
}

/* 3b. RÉGLAGES RESPONSIVE (MOBILE) */
@media (max-width: 767px) {
    .custom-dynamic-logo {
        /* --- RÉGLAGE DE LA TAILLE MOBILE ICI --- */
        width: 120px !important; 
    }
}

/* 4. DÉFINITION DE L'ANIMATION DE FONDU */
@keyframes logoFadeIn {
    from {
        opacity: 0;
        transform: translateY(-2px); /* Petit glissement du haut vers le bas */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}