/* ===================================================================
   🍫 MENU DE NAVIGATION - PALETTE MARRON CHOCOLAT GLOBAL
   ================================================================
   Date : 20 Mars 2026
   Version : 10.0 - Menu marron sur TOUTES les pages
   
   FORÇAGE TOTAL du menu en marron chocolat partout :
   - Page d'accueil (index.html)
   - Contact (contact.html)
   - Blog (blog.html + articles)
   - Témoignages
   - Tarifs
=================================================================== */

/* ============================================
   1. COULEURS DU MENU - MARRON CHOCOLAT
   ============================================ */

.navbar .nav-link,
.navbar .nav-item a,
.nav-link,
.menu-link,
header .nav-link,
header a,
.navbar a {
    color: #5D4E37 !important; /* MARRON CHOCOLAT */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

/* État hover */
.navbar .nav-link:hover,
.navbar .nav-item a:hover,
.nav-link:hover,
header a:hover {
    color: #C9A961 !important; /* CARAMEL au survol */
    transform: translateY(-1px) !important;
}

/* Lien actif */
.navbar .nav-link.active,
.navbar .active,
.nav-link.active {
    color: #8B7D6B !important; /* TAUPE ÉLÉGANT */
    border-bottom: 2px solid #C9A961 !important;
}

/* ============================================
   2. BOUTON CTA "CONTACT" - CARAMEL
   ============================================ */

.navbar .btn-nav,
.navbar .cta-button,
.btn-contact {
    background: linear-gradient(135deg, #C9A961 0%, #8B7D6B 100%) !important;
    color: #FFFEF9 !important; /* BLANC CASSÉ */
    border: none !important;
    padding: 12px 28px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    letter-spacing: 1.2px !important;
    box-shadow: 0 4px 12px rgba(93, 78, 55, 0.15) !important;
    transition: all 0.3s ease !important;
}

.navbar .btn-nav:hover,
.btn-contact:hover {
    background: linear-gradient(135deg, #5D4E37 0%, #8B7D6B 100%) !important;
    color: #FFFEF9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(93, 78, 55, 0.25) !important;
}

/* ============================================
   3. BARRE DE NAVIGATION - FOND PROPRE
   ============================================ */

.navbar,
header.navbar,
.header {
    background: rgba(255, 254, 249, 0.95) !important; /* BLANC CASSÉ semi-transparent */
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(93, 78, 55, 0.1) !important;
    box-shadow: 0 2px 8px rgba(93, 78, 55, 0.08) !important;
}

/* ============================================
   4. LOGO - MARRON CHOCOLAT
   ============================================ */

.navbar .navbar-brand,
.logo,
.site-logo,
.logo-text,
.logo-icon {
    color: #5D4E37 !important;
    font-family: 'Cormorant Garamond', serif !important; /* Police harmonisée avec le menu */
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* Forcer TOUS les éléments du logo */
.logo *,
.navbar-brand * {
    color: #5D4E37 !important;
}

.navbar .navbar-brand:hover,
.logo:hover,
.logo-text:hover {
    color: #C9A961 !important; /* CARAMEL au survol */
}

/* ============================================
   5. MENU MOBILE - RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .navbar .nav-link,
    .navbar a {
        font-size: 0.9rem !important;
        padding: 10px 0 !important;
    }
    
    .navbar .btn-nav {
        padding: 10px 24px !important;
        font-size: 0.85rem !important;
    }
}

/* ============================================
   6. FORÇAGE ULTIME - OVERRIDE TOUT STYLE EXISTANT
   ============================================ */

/* Suppression de TOUTES les couleurs tropicales du menu */
.navbar *[style*="color: #00C9A7"],
.navbar *[style*="color: #00A389"],
.navbar *[style*="color: #0084FF"],
.navbar *[style*="color: rgb(0, 201, 167)"] {
    color: #5D4E37 !important;
}

/* Forcer la police Cormorant sur TOUS les liens */
.navbar * {
    font-family: 'Cormorant Garamond', serif !important;
}