/**
 * MENU DORÉ FINAL - VERSION 12.1
 * Date: 17 Avril 2026
 * 
 * ✅ Logo rond doré à gauche
 * ✅ Menu navigation DORÉ #C9A961
 * ❌ Suppression symbole ✨
 */

/* ============================================
   LOGO ROND DORÉ - GAUCHE
   ============================================ */

.logo {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important; /* Pas d'espace entre éléments */
    text-decoration: none !important;
}

/* Logo image CARRÉ doré */
.logo-icon {
    width: 65px !important;
    height: 65px !important;
    border-radius: 8px !important; /* Coins arrondis légers */
    object-fit: cover !important;
    display: block !important;
    box-shadow: 0 3px 12px rgba(201, 169, 97, 0.4) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

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

/* Masquer le texte "Jess.bdigital" */
.logo-text {
    display: none !important;
}

/* ============================================
   MENU NAVIGATION - DORÉ #C9A961
   ============================================ */

/* Liens navigation */
.nav-link,
.navbar .nav-link,
nav .nav-link,
.nav-menu a,
.nav-menu .nav-link {
    color: #C9A961 !important; /* DORÉ */
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    transition: color 0.3s ease, transform 0.2s ease !important;
}

.nav-link:hover,
.navbar .nav-link:hover,
nav .nav-link:hover,
.nav-menu a:hover {
    color: #5D4E37 !important; /* Marron chocolat au hover */
    transform: translateY(-1px) !important;
}

/* Lien actif */
.nav-link.active,
.navbar .nav-link.active,
nav .nav-link.active {
    color: #5D4E37 !important;
    font-weight: 700 !important;
}

/* Bouton CONTACT */
.btn-nav,
.nav-menu .btn-nav,
a.btn-nav {
    background: linear-gradient(135deg, #C9A961 0%, #5D4E37 100%) !important;
    color: #FFFEF9 !important;
    padding: 0.7rem 1.8rem !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    box-shadow: 0 4px 15px rgba(201, 169, 97, 0.3) !important;
    transition: all 0.3s ease !important;
}

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

/* ============================================
   NAVBAR CONTAINER
   ============================================ */

.navbar,
.header,
header {
    background: rgba(255, 254, 249, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(201, 169, 97, 0.2) !important;
    padding: 1.2rem 2rem !important; /* Padding augmenté pour espacer */
}

.nav-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    gap: 2rem !important; /* Espace entre logo et menu */
}

.nav-menu {
    margin-top: 0.3rem !important; /* Descend légèrement le menu */
}

/* ============================================
   RESPONSIVE - MOBILE
   ============================================ */

@media (max-width: 768px) {
    .logo-icon {
        width: 50px !important;
        height: 50px !important;
    }
    
    .navbar,
    .header,
    header {
        padding: 1rem 1rem !important;
    }
    
    .nav-link {
        font-size: 0.9rem !important;
    }
    
    .btn-nav {
        padding: 0.6rem 1.5rem !important;
        font-size: 0.85rem !important;
    }
}

/* ============================================
   FORÇAGE GLOBAL - OVERRIDE STYLES INLINE
   ============================================ */

/* Forcer DORÉ sur tous les liens nav avec styles inline */
a[href*="index.html"][class*="nav"],
a[href*="formules"][class*="nav"],
a[href*="processus"][class*="nav"],
a[href*="blog"][class*="nav"],
a[href*="temoignages"][class*="nav"],
a[href*="contact"][class*="nav"] {
    color: #C9A961 !important;
}

/* Override du style inline color: vert/tropical */
*[style*="color: #00C9A7"],
*[style*="color:#00C9A7"],
*[style*="color: #FFD700"],
*[style*="color:#FFD700"] {
    color: #C9A961 !important;
}