/*
 * Noroozi PC — modern CSS layer (small; complements the legacy compiled main.min.css design).
 * Only defines the show/hide states our vanilla JS toggles (replacing the legacy jQuery plugins)
 * and an HTMX swap fade. The legacy stylesheet remains the visual source of truth.
 */

/* Search fields toggled by the header search buttons */
.header__search.is-hidden,
.header__mobilesearch.is-hidden { display: none; }
.header__search.is-open,
.header__mobilesearch.is-open { display: flex; }

/* Off-canvas mobile menu (opened by the hamburger) */
#navmobile.is-open { transform: none; visibility: visible; opacity: 1; pointer-events: auto; }
body.is-nav-open { overflow: hidden; }

/* Tab panels (bio/practice) — modern replacement for the jQuery Tabs plugin */
[data-tab-panel] { display: none; }
[data-tab-panel].is-active { display: block; }
[data-tab].is-active { font-weight: 700; }

/* HTMX swap fade for filtered lists (news search, etc.) */
.htmx-swapping { opacity: 0; transition: opacity 120ms ease-out; }

/* Header-search typeahead dropdown (vanilla; replaces bsn.AutoSuggest) */
.autosuggest { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 50;
  background: #fff; color: #111; min-width: 220px; max-height: 320px; overflow-y: auto;
  box-shadow: 0 6px 20px rgba(0,0,0,.18); }
.autosuggest li { margin: 0; }
.autosuggest a { display: block; padding: 8px 12px; text-decoration: none; color: inherit; font-size: 14px; }
.autosuggest a:hover, .autosuggest a:focus { background: #f2f2f2; }