/* Shared navigation, theme picker, and event status */
:root{--navy:#163444;--navy-dark:#102936;--gold:#c8a365;--cream:#faf8f3;--text:#273b43;--muted:#64757a}
.theme-picker{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}
.theme-picker-label{font-size:11px;color:#e5ecee;margin-right:2px}
.theme-swatch{width:23px;height:23px;border:2px solid #ffffff8c;border-radius:50%;padding:0;display:inline-block;cursor:pointer;vertical-align:middle;box-shadow:inset 0 0 0 1px #00000020}
.theme-swatch[aria-pressed="true"]{outline:2px solid #fff;outline-offset:2px}
.theme-swatch:focus-visible{outline:3px solid #fff;outline-offset:3px}
#common-menu nav{background:var(--navy);color:#fff}
#common-menu .nav-inner{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:auto;width:calc(100% - 40px)}
#common-menu .home-link,#common-menu .nav-item>button{display:block;background:transparent;border:0;color:#fff;font:600 13px 'Segoe UI',Arial,sans-serif;padding:15px 11px;cursor:pointer;text-decoration:none}
#common-menu .nav-item{position:relative}
#common-menu .nav-item:hover>button,#common-menu .home-link:hover{background:#ffffff22}
#common-menu .dropdown{display:none;position:absolute;top:100%;left:0;min-width:240px;background:#fff;color:var(--text);z-index:1000;padding:8px;box-shadow:0 10px 28px #0003;border-top:3px solid var(--gold)}
#common-menu .nav-item.open>.dropdown{display:block}
#common-menu .dropdown a{display:block;padding:9px 12px;color:var(--text);font-size:13px;text-decoration:none;white-space:normal}
#common-menu .dropdown a:hover{background:var(--cream);color:var(--navy)}
#common-menu .nav-item:nth-last-child(-n+2)>.dropdown{left:auto;right:0}
.event-status-badge{display:inline-block;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:700}
.event-status-badge.upcoming{background:#e3f6ea;color:#17663c}
.event-status-badge.today{background:#e4f2fc;color:#155a89}
.event-status-badge.completed{background:#e9ecef;color:#535e66}
.event-status-badge.tba{background:#f4eee3;color:#795b30}
@media(max-width:900px){#common-menu .nav-inner{justify-content:flex-start}}
@media(max-width:720px){.theme-picker{order:3;width:100%;justify-content:center;padding-top:5px}#common-menu nav{display:none}#common-menu nav.show{display:block}#common-menu .nav-inner{display:block;width:100%}#common-menu .home-link,#common-menu .nav-item>button{width:100%;text-align:left;padding:13px 20px}#common-menu .dropdown{position:static;box-shadow:none;border:0;border-left:3px solid var(--gold);margin:0 15px 8px}#common-menu .nav-item:nth-last-child(-n+2)>.dropdown{right:auto}}

/* Theme-consistent shared controls */
:root{--navy-hover:color-mix(in srgb,var(--navy) 82%,white);--theme-accent:var(--gold)}
#common-menu nav,.topbar{background:var(--navy)!important}
.topbar{background:var(--navy-dark)!important}
#common-menu .nav-item>button:hover,#common-menu .nav-item.open>button{background:var(--navy-hover)!important}
#common-menu .dropdown{border-top-color:var(--gold)!important}
#common-menu .dropdown a:hover{background:var(--cream)!important;color:var(--navy)!important}
.brand h1{color:var(--navy)!important}
.menu-toggle{background:var(--navy)!important}

/* Theme repair: make legacy fixed-colour sections follow chosen palette. */
:root{--navy:#163444;--navy-dark:#102936;--gold:#c8a365;--cream:#faf8f3;--text:#273b43}
.page-hero{background-image:linear-gradient(110deg,color-mix(in srgb,var(--navy-dark) 96%,transparent),color-mix(in srgb,var(--navy) 86%,transparent)),url("../img/1.jpg")!important}
#common-menu .nav-item.open>.dropdown{display:block!important}
@media(min-width:721px){#common-menu nav{display:block!important}}
@media(max-width:720px){#common-menu nav:not(.show){display:none!important}#common-menu nav.show{display:block!important}}
