/* Fix pour maintenir la taille exacte du logo cliquable */

/* Styles prioritaires pour le logo cliquable */
.logo-link {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1 !important;
    display: inline-block !important;
    text-decoration: none !important;
    line-height: 0 !important; /* Évite les espaces indésirables */
}

.logo-link img {
    max-height: 70px !important;
    min-height: 50px !important;
    width: auto !important; /* Maintient les proportions */
    object-fit: contain !important;
    display: block !important;
    /* Annule toute limitation de largeur */
    max-width: none !important;
    min-width: auto !important;
}

/* Styles spécifiques pour différents contextes */
.header-top .logo-link img {
    max-height: 70px !important;
    min-height: 50px !important;
    width: auto !important;
    object-fit: contain !important;
    max-width: none !important;
}

/* S'assurer que le lien n'interfère pas avec la taille de l'image */
.header-top .logo-link {
    width: auto !important;
    height: auto !important;
}

/* Hover effect optionnel pour indiquer que c'est cliquable */
.logo-link:hover img {
    opacity: 0.9;
    transition: opacity 0.2s ease;
}

.logo-link:active img {
    opacity: 0.8;
}