/*
 * The Next.js build injects --font-open-sans / --font-pt-serif automatically
 * via next/font. This static build has no such loader, so we load the same
 * two Google Fonts directly (see includes/header.php) and define the same
 * CSS variables here with real font-family fallbacks. Load this file AFTER
 * style.css so these variables are available wherever style.css references
 * var(--font-open-sans) / var(--font-pt-serif).
 */
:root {
  --font-open-sans: "Open Sans", sans-serif;
  --font-pt-serif: "PT Serif", serif;
}

/*
 * The React build conditionally rendered ONE hamburger/close icon based on
 * component state. Here both icons are always in the DOM and main.js toggles
 * which one is visible via the mobile-toggle's aria-expanded attribute.
 */
.hc-header-toggle-icon-close {
  display: none;
}

.hc-header-toggle[aria-expanded="true"] .hc-header-toggle-icon-open {
  display: none;
}

.hc-header-toggle[aria-expanded="true"] .hc-header-toggle-icon-close {
  display: block;
}

/* jQuery drives the mega-menu mobile <details> open state visually via [open]; no extra rule needed beyond style.css's existing .hc-mega-mobile[open] selector. */