/* Supplemental styles loaded only on front-end pages alongside the AI widget.
   Core widget styling lives in style.css section 12 so it shares the theme's
   CSS variables; this file covers the search overlay + mobile nav drawer
   that the widget's launcher script also toggles. */

.aurix-search-overlay {
  position: fixed; inset: 0; z-index: 1000;
  background: rgba(75, 46, 58, 0.97);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden; transition: all .35s ease;
}
.aurix-search-overlay.is-open { opacity: 1; visibility: visible; }
.aurix-search-form { width: min(600px, 90vw); }
.aurix-search-form input {
  width: 100%; background: transparent; border: none; border-bottom: 1px solid var(--aurix-gold);
  color: var(--aurix-cream); font-family: var(--font-display); font-size: 2rem; padding: .5rem 0; text-align: center;
}
.aurix-search-form input:focus { outline: none; }
.aurix-search-form input::placeholder { color: rgba(246,244,240,.5); }
.close-search { position: absolute; top: 24px; right: 32px; background: none; border: none; color: var(--aurix-cream); font-size: 2rem; }

body.mobile-nav-open .primary-nav {
  display: block; position: fixed; inset: 0; top: 96px; z-index: 900;
  background: var(--aurix-cream); padding: 2rem;
}
body.mobile-nav-open .primary-nav ul { flex-direction: column; gap: 1.25rem; }
body.mobile-nav-open .mega-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: none; grid-template-columns: 1fr; margin-top: .5rem; display: none; }