/* HEADER */
.st-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: var(--st-deep-teal); transition: background var(--st-transition); height: var(--st-header-height-mobile); }
.st-header--transparent { background: transparent; }
.st-header--scrolled { background: var(--st-deep-teal) !important; box-shadow: 0 2px 12px rgba(0,0,0,0.15); }\n.st-header--transparent.st-header--scrolled { background: var(--st-deep-teal) !important; }
.st-header__inner { display: flex; align-items: center; justify-content: space-between; max-width: 100%; margin: 0; padding: 0 50px; height: 100%; }
.st-header__logo img { height: 32px; width: auto; }
.st-header__site-name { font-family: var(--st-font-heading); font-size: 1.2rem; letter-spacing: 4px; text-transform: uppercase; color: var(--st-white); }
.st-nav { display: none; }
.st-nav__list { display: flex; list-style: none; gap: 32px; }
.st-nav__list li a { font-family: var(--st-font-heading); font-size: 0.8rem; letter-spacing: 3px; text-transform: uppercase; color: var(--st-white); text-decoration: none; padding: 8px 0; transition: color var(--st-transition); }
.st-nav__list li a:hover, .st-nav__list li.current-menu-item a { color: var(--st-coral); }
.st-header__cta { display: none; padding: 10px 24px; font-family: var(--st-font-heading); font-size: 0.75rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--st-white); background: var(--st-coral); border-radius: var(--st-radius); text-decoration: none; }
.st-hamburger { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 32px; height: 32px; background: none; border: none; cursor: pointer; padding: 4px; z-index: 1010; }
.st-hamburger__line { display: block; width: 100%; height: 2px; background: var(--st-coral); border-radius: 2px; transition: transform 0.3s, opacity 0.3s; }
.st-mobile-menu { position: fixed; top: 0; right: -100%; width: 280px; height: 100vh; background: var(--st-deep-teal); z-index: 1005; padding: calc(var(--st-header-height-mobile) + 20px) 24px 24px; transition: right 0.3s ease; overflow-y: auto; }
.st-mobile-menu.open { right: 0; }
.st-mobile-menu__list { list-style: none; }
.st-mobile-menu__list li a { display: block; padding: 16px 0; font-family: var(--st-font-heading); font-size: 0.9rem; letter-spacing: 2px; text-transform: uppercase; color: var(--st-white); text-decoration: none; }
.st-mobile-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1004; }
.st-mobile-overlay.active { display: block; }

/* Admin bar offset */
.admin-bar .st-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .st-header { top: 46px; } }


/* CSS-only mobile menu toggle */
.st-menu-toggle { display: none !important; position: absolute; }
#st-menu-toggle:checked ~ .st-mobile-menu { right: 0 !important; }
#st-menu-toggle:checked ~ .st-header__inner .st-hamburger .st-hamburger__line:nth-child(1) { transform: translateY(7px) rotate(45deg); }
#st-menu-toggle:checked ~ .st-header__inner .st-hamburger .st-hamburger__line:nth-child(2) { opacity: 0; }
#st-menu-toggle:checked ~ .st-header__inner .st-hamburger .st-hamburger__line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }