/*
 * Site header and top nav, every page (moved from show-night.css 2026-10-28; Dustin: the whole site matches the
 * event pages). Enqueued site-wide by library/show-night.php. No !important: body class + #masthead outranks Astra.
 */

/* Site header on every page: the event pages' bar (70px, 44px mark, 12px mono nav, purple rule) ---------- */
body.wp-child-theme-astra-child #masthead .main-header-bar { padding: 0; border-bottom: 2px solid #8224e3; background: #fff; box-shadow: none; }
body.wp-child-theme-astra-child #masthead .main-header-bar .ast-container { max-width: 1224px; padding: 0 20px; }
body.wp-child-theme-astra-child #masthead .main-header-bar .main-header-container { min-height: 70px; align-items: center; }
/* Desktop nav only (Astra's header break point: 921px and below is the phone menu); the phone menu keeps Astra's own layout */
@media (min-width: 922px) {
	/* Astra gives the nav height:100% and line-height:3, which parks the list at the top of the bar */
	body.wp-child-theme-astra-child #masthead .ast-main-header-bar-alignment,
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation,
	body.wp-child-theme-astra-child #masthead .main-navigation,
	body.wp-child-theme-astra-child #masthead .main-header-menu { display: flex; align-items: center; align-self: stretch; margin: 0; line-height: 1.2; }
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation { height: auto; }
	body.wp-child-theme-astra-child #masthead .ast-main-header-bar-alignment { margin-left: auto; }
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation,
	body.wp-child-theme-astra-child #masthead .main-navigation { flex: 1 1 auto; justify-content: flex-end; }
	body.wp-child-theme-astra-child #masthead .main-header-menu { justify-content: flex-end; }
	body.wp-child-theme-astra-child #masthead .main-header-menu .menu-item { line-height: 1.2; }
	body.wp-child-theme-astra-child #masthead .site-logo-img .custom-logo-link img { width: 44px; height: auto; }
}
@media (min-width: 922px) {
	body.wp-child-theme-astra-child #masthead .main-header-menu .menu-item .menu-link { padding: 0 13px; font: 500 12px/1.2 'Roboto Mono', ui-monospace, Menlo, monospace; letter-spacing: .08em; text-transform: uppercase; color: #8224e3; }
	body.wp-child-theme-astra-child #masthead .main-header-menu .menu-item:last-child .menu-link { padding-right: 0; }
}
/* Wide screens: from 1100px to 1600px the bar grows with the window (70 to 86px tall, mark 44 to 60px,
   nav 12 to 15px); the same values hold above 1600px */
@media (min-width: 1100px) {
	body.wp-child-theme-astra-child #masthead .main-header-bar .main-header-container { min-height: clamp(70px, 34.8px + 3.2vw, 86px); }
	body.wp-child-theme-astra-child #masthead .site-logo-img .custom-logo-link img { width: clamp(44px, 8.8px + 3.2vw, 60px); }
	body.wp-child-theme-astra-child #masthead .main-header-menu .menu-item .menu-link { padding: 0 clamp(13px, 2px + 1vw, 18px); font-size: clamp(12px, 5.4px + .6vw, 15px); }
	body.wp-child-theme-astra-child #masthead .main-header-menu .menu-item:last-child .menu-link { padding-right: 0; }
}
body.wp-child-theme-astra-child #masthead .main-header-menu .menu-item .menu-link:hover,
body.wp-child-theme-astra-child #masthead .main-header-menu .menu-item .menu-link:focus { color: #5a298c; }
body.wp-child-theme-astra-child #masthead .main-header-menu .menu-item.icon { display: none; } /* the Discord icon item */
body.wp-child-theme-astra-child #masthead .main-header-menu .menu-item .sub-arrow { display: none; }

/* Phones and tablets (921px and below, Astra's header break point): a 64px bar, a 48px mark, a plain menu button and a
   white drop-down list with roomy rows */
@media (max-width: 921px) {
	body.wp-child-theme-astra-child #masthead .main-header-bar .ast-container { padding: 0 16px; }
	body.wp-child-theme-astra-child #masthead .main-header-bar .main-header-container { min-height: 64px; }
	body.wp-child-theme-astra-child #masthead .site-branding { padding: 0; }
	body.wp-child-theme-astra-child #masthead .site-logo-img .custom-logo-link img { width: 48px; max-width: 48px; height: auto; }
	body.wp-child-theme-astra-child #masthead .ast-mobile-menu-buttons { align-self: center; }
	body.wp-child-theme-astra-child #masthead .menu-toggle.main-header-menu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 10px; background: transparent; color: #8224e3; outline: none; }
	body.wp-child-theme-astra-child #masthead .menu-toggle.main-header-menu-toggle:focus { outline: none; }
	body.wp-child-theme-astra-child #masthead .menu-toggle.main-header-menu-toggle:focus-visible { outline: 2px solid #f107fa; outline-offset: 2px; }
	body.wp-child-theme-astra-child #masthead .menu-toggle.main-header-menu-toggle.toggled { background: #f5f1fb; }
	body.wp-child-theme-astra-child #masthead .menu-toggle .menu-toggle-icon { color: #8224e3; }
	/* the open list */
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation { margin: 0 -16px; padding: 0; } /* edge to edge under the 16px bar padding */
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation .main-header-menu { margin: 0; padding: 4px 0 10px; border: 0; background: #fff; }
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation .main-header-menu .menu-item { border: 0; border-top: 1px solid #ece5f6; background: #fff; }
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation .main-header-menu .menu-item:first-child { border-top: 0; }
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation .main-header-menu .menu-item .menu-link { display: flex; align-items: center; min-height: 52px; padding: 0 16px; border: 0; background: transparent; font: 500 14px/1.2 'Roboto Mono', ui-monospace, Menlo, monospace; letter-spacing: .1em; text-transform: uppercase; color: #8224e3; }
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation .main-header-menu .menu-item .menu-link:hover,
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation .main-header-menu .menu-item .menu-link:focus { background: #f5f1fb; color: #5a298c; }
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation .main-header-menu .menu-item.current-menu-item .menu-link { color: #5a298c; box-shadow: inset 3px 0 0 #8224e3; }
	body.wp-child-theme-astra-child #masthead .main-header-bar-navigation .main-header-menu .menu-item .menu-link .icon-arrow { display: none; }
}