/**
 * FORÇAGE LOGO VISIBLE - VERSION 12.4 FINALE
 * Date: 17 Avril 2026
 * 
 * ✅ Logo TOUJOURS visible
 * ✅ Forçage absolu du display
 */

/* ============================================
   LOGO - FORÇAGE ABSOLU
   ============================================ */

.logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    text-decoration: none !important;
    position: relative !important;
    z-index: 100 !important;
}

.logo-icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 65px !important;
    height: 65px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
    box-shadow: 0 3px 12px rgba(201, 169, 97, 0.4) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    pointer-events: auto !important;
}

.logo:hover .logo-icon {
    transform: scale(1.03) !important;
    box-shadow: 0 5px 18px rgba(201, 169, 97, 0.6) !important;
}

/* Navbar - S'assurer qu'elle est visible */
.navbar,
nav.navbar,
.header,
header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1000 !important;
}

.nav-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 2rem !important;
}

/* Mobile */
@media (max-width: 768px) {
    .logo-icon {
        width: 50px !important;
        height: 50px !important;
    }
}