/* ─────────────────────────────────────────────────────────
   MENU MOBILE BELLE ÉPOQUE
───────────────────────────────────────────────────────── */

/* Drawer container */
.popup-drawer {
    background-color: #0a0908 !important;
}

.drawer-overlay {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* Header du drawer (logo + croix) */
.drawer-header {
    border-bottom: 1px solid rgba(201, 169, 110, 0.15) !important;
    padding: 24px !important;
}

/* Croix fermeture */
.drawer-toggle svg {
    color: rgba(245, 240, 232, 0.5) !important;
    fill: rgba(245, 240, 232, 0.5) !important;
}

/* Liens du menu */
.mobile-navigation .menu-item a {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    color: rgba(245, 240, 232, 0.65) !important;
    text-decoration: none;
    padding: 16px 24px !important;
    border-bottom: 1px solid rgba(201, 169, 110, 0.08) !important;
    display: block;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

.mobile-navigation .menu-item a:hover,
.mobile-navigation .menu-item.current-menu-item a {
    color: #c9a96e !important;
    padding-left: 32px !important;
}

/* Lien actif */
.mobile-navigation .current-menu-item > a {
    color: #c9a96e !important;
}