/* Small additions for the plain static pages. Colours and fonts come from the site's own theme variables (--primary, --secondary, --accent, ...), never from hard coded values. */
.site-menu-button { display: none; width: 2.5rem; height: 2.5rem; border: 1px solid var(--border); border-radius: var(--radius-md, 0.5rem); background: var(--background); flex-direction: column; align-items: center; justify-content: center; gap: 5px; cursor: pointer; }
.site-menu-button span { display: block; width: 1.25rem; height: 2px; background: var(--primary); transition: transform 0.2s, opacity 0.2s; }
.site-menu-button[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.site-menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.site-menu-button[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.site-mobile-menu { display: none; flex-direction: column; border-top: 1px solid var(--border); background: var(--background); padding: 0.5rem 1rem 1rem; }
.site-mobile-menu[data-open="true"] { display: flex; }
.site-mobile-menu a { padding: 0.65rem 0.5rem; font-size: 0.95rem; font-weight: 500; color: var(--foreground); border-radius: var(--radius-md, 0.5rem); }
.site-mobile-menu a:hover { background: var(--secondary); color: var(--primary); }
.site-mobile-heading { padding: 0.65rem 0.5rem 0.2rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--primary); opacity: 0.7; }
.site-mobile-menu .site-mobile-apply { margin-top: 0.5rem; text-align: center; background: var(--primary); color: var(--primary-foreground); font-weight: 600; }
.site-mobile-menu .site-mobile-apply:hover { background: var(--primary); color: var(--primary-foreground); opacity: 0.9; }
@media (max-width: 1023px) { .site-menu-button { display: flex; } }
@media (min-width: 1024px) { .site-mobile-menu { display: none !important; } }
/* the hero slides fade by toggling this class (site.js) */
.hero-slide-on { opacity: 1 !important; z-index: 10 !important; }