/* ============================================================
HEADER CSS
============================================================ */
:root {
--bhfm-ink: #0d0c0a;
--bhfm-paper: #f7f3ed;
--bhfm-gold: #b8922a;
--bhfm-gold2: #d4aa4a;
--bhfm-white: #ffffff;
--bhfm-muted: #7a7168;
--bhfm-border: #ddd7cc;
--bhfm-serif: 'Cormorant Garamond', Georgia, serif;
--bhfm-sans: 'Outfit', sans-serif;
--bhfm-r-sm: 6px;
}
#bhfm-global-header * { margin: 0; padding: 0; box-sizing: border-box; }
#bhfm-global-header a { text-decoration: none; color: inherit; }
#bhfm-global-header ul { list-style: none; padding: 0; margin: 0; }
#bhfm-global-header .top-bar {
background: var(--bhfm-ink);
padding: 9px 0;
text-align: center;
border-bottom: 1px solid #2a2520;
}
#bhfm-global-header .top-bar p {
font-family: var(--bhfm-sans);
font-size: 0.7rem;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--bhfm-gold2);
font-weight: 500;
margin: 0;
}
#bhfm-global-header .top-bar span { color: #555; margin: 0 14px; }
#bhfm-global-header .nav {
background: var(--bhfm-white);
border-bottom: 1px solid var(--bhfm-border);
padding: 0 24px;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 1px 20px rgba(0,0,0,0.06);
}
#bhfm-global-header .nav-inner {
max-width: 1180px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
height: 64px;
}
#bhfm-global-header .nav-logo {
font-family: var(--bhfm-serif);
font-size: 1.3rem;
font-weight: 700;
color: var(--bhfm-ink);
line-height: 1;
}
#bhfm-global-header .nav-logo span { color: var(--bhfm-gold); font-style: italic; }
#bhfm-global-header .nav-links {
display: flex;
gap: 28px;
list-style: none;
align-items: center;
}
#bhfm-global-header .nav-links a {
font-family: var(--bhfm-sans);
font-size: 0.78rem;
font-weight: 500;
letter-spacing: 0.5px;
color: var(--bhfm-muted);
transition: color 0.2s;
}
#bhfm-global-header .nav-links a:hover { color: var(--bhfm-ink); }
#bhfm-global-header .nav-cta {
background: var(--bhfm-ink);
color: var(--bhfm-gold2) !important;
padding: 8px 18px;
border-radius: var(--bhfm-r-sm);
font-size: 0.72rem !important;
font-weight: 600 !important;
letter-spacing: 1.5px;
text-transform: uppercase;
border: 1px solid var(--bhfm-gold);
transition: all 0.2s !important;
}
#bhfm-global-header .nav-cta:hover { background: var(--bhfm-gold) !important; color: var(--bhfm-ink) !important; }
#bhfm-global-header .nav-hamburger {
display: none;
flex-direction: column;
gap: 5px;
background: none; border: none; cursor: pointer;
padding: 5px;
}
#bhfm-global-header .nav-hamburger span {
display: block; width: 24px; height: 2px;
background: var(--bhfm-ink);
border-radius: 2px;
}
#bhfm-global-header .nav-mobile {
position: fixed;
inset: 0;
background: #0d0c0a;
z-index: 2000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
#bhfm-global-header .nav-mobile.open {
opacity: 1; pointer-events: auto;
}
#bhfm-global-header .nav-mobile a {
font-family: var(--bhfm-serif);
font-size: 2rem;
color: var(--bhfm-gold2);
text-decoration: none;
transition: color 0.2s;
}
#bhfm-global-header .nav-mobile a:hover { color: var(--bhfm-white); }
#bhfm-global-header .nav-mobile-close {
position: absolute;
top: 24px; right: 24px;
font-size: 2rem;
background: none; border: none;
color: #faf8f4;
line-height: 1;
cursor: pointer;
}
#bhfm-global-header .nav-mobile .nav-cta-mobile {
background: var(--bhfm-gold);
color: var(--bhfm-ink) !important;
padding: 14px 32px;
border-radius: 6px;
font-size: 0.85rem !important;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
font-family: var(--bhfm-sans) !important;
}
@media (max-width: 768px) {
#bhfm-global-header .nav-links { display: none; }
#bhfm-global-header .nav-hamburger { display: flex; }
}

function bhfmOpenNav() {
document.getElementById('bhfm-mobile-nav').classList.add('open');
document.body.style.overflow = 'hidden';
}
function bhfmCloseNav() {
document.getElementById('bhfm-mobile-nav').classList.remove('open');
document.body.style.overflow = '';
}
// Close on ESC
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') bhfmCloseNav();
});