/* ── LIGHT HEADER OVERRIDE (preview) ── */

/* Topbar: light */
#topbar{background:var(--offwhite);border-bottom:1px solid #d8d3ce}
.tb-left a{color:#5a5a5a}
.tb-left a:hover{color:var(--red)}
.tb-badge{background:#e8e3de;border:1px solid #d0cac4;color:#6a6a6a}

/* Header bar: light */
#hdr{background:var(--white);border-bottom:3px solid var(--red)}
#hdr.scrolled{box-shadow:0 4px 32px rgba(0,0,0,.18)}

/* Nav links: dark on light */
.nl{color:#333}
.nl:hover,.nl.active{color:var(--red);background:rgba(200,0,10,.07)}

/* Dropdowns: light panels */
.dd{background:var(--white);border:1px solid #ddd6cf;border-top:3px solid var(--red);box-shadow:0 16px 40px rgba(0,0,0,.18)}
.dd a{color:#555}
.dd a:hover{color:var(--red);background:rgba(0,0,0,.035);border-left-color:var(--red)}

/* CTA button unchanged (red) but ensure white text */
.nav-cta{background:var(--red)!important;color:#fff!important}
.nav-cta:hover{background:var(--red-bright)!important}

/* Hamburger bars dark */
.ham span{background:#333}

/* ── STICKY BEHAVIOUR: topbar scrolls away, only logo/menu row sticks ── */
/* Topbar returns to normal document flow so it scrolls out of view */
#topbar{position:static;top:auto}

/* Header row sticks to top once it reaches it */
#hdr{position:sticky;top:0;left:auto;right:auto}

/* Both bars are now in normal flow, so the manual offsets are no longer needed */
#hero{margin-top:0}
.ph{margin-top:0}