/* =========================================================================
 * Guest chrome (v1.6.0 dual persona): the English-first header and drawer for signed-out visitors
 * (templates/public/partials/header.php). head.php links this sheet for guests on every public page, after site.css,
 * so it builds on .site-header / .brand / .drawer / .tool-btn / .menu-btn and only adds what is new.
 *   < 360px    crest + name · ☰                        (Start Here and Sign In live in the drawer)
 *   360–767    crest + name · [Start Here] · ☰
 *   768–1199   crest + name · [Start Here] [Sign In] · ☰
 *   1200–1439  crest + name · five short links · [Start Here] [Sign In] [🌙/☀️]
 *   ≥ 1440     the full labels ("Explore Meditation" … "Find an Ashram"); "New Here? Start Here" from 1880px
 * ========================================================================= */

.g-term { color: var(--muted); font-weight: 400; font-size: 0.92em; white-space: nowrap; }

/* ---- bar ---------------------------------------------------------------- */
.g-header .g-nav { display: none; }
.g-header .g-actions { margin-left: auto; gap: 8px; }
.g-long { display: none; }
.g-short { display: inline; }

.g-nav__link {
  position: relative; display: inline-flex; align-items: center; min-height: 48px; white-space: nowrap;
  color: var(--ink); text-decoration: none; font-size: 0.875rem; font-weight: 500; letter-spacing: 0.01em;
}
.g-nav__link::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 10px; height: 1px; background: var(--amber-glow);
  transform: scaleX(0); transition: transform 320ms var(--ease);
}
.g-nav__link[aria-current="page"] { color: var(--accent); }
.g-nav__link[aria-current="page"]::after { transform: scaleX(1); }

.g-cta {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 0.4em;
  min-height: 44px; padding: 0 1.05em; border-radius: 999px; flex: none; white-space: nowrap;
  font: 600 0.875rem/1.1 var(--sans); letter-spacing: 0.01em; text-decoration: none;
  border: 1px solid transparent;
  transition: filter 200ms var(--ease), background-color 200ms var(--ease), border-color 200ms var(--ease);
}
.g-cta--start {
  background: linear-gradient(180deg, #8A1634 0%, #78122B 55%, #5E0E24 100%); color: var(--on-vermilion);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 10px 24px -14px rgba(120, 18, 43, 0.8);
}
.g-cta--signin { background: transparent; color: var(--ink); border-color: var(--champagne-strong); }
.g-cta--block { display: flex; width: 100%; min-height: 52px; font-size: 1rem; }
.g-cta--start, .g-cta--signin { display: none; }
.g-drawer .g-cta--start, .g-drawer .g-cta--signin { display: flex; }
.g-header .g-theme { display: none; }

@media (hover: hover) and (pointer: fine) {
  .g-nav__link:hover { color: var(--accent); }
  .g-nav__link:hover::after { transform: scaleX(1); }
  .g-cta--start:hover { color: var(--on-vermilion); filter: brightness(1.1); }
  .g-cta--signin:hover { color: var(--ink); background: rgba(245, 158, 11, 0.08); border-color: var(--amber); }
}
.g-cta:focus-visible, .g-nav__link:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }

@media (min-width: 360px) { .g-header .g-cta--start { display: inline-flex; } }
@media (min-width: 768px) { .g-header .g-cta--signin { display: inline-flex; } }
/* site.css shows its menu button below 1024px; the guest bar keeps it to 1199px */
@media (max-width: 1199.98px) { .g-header .menu-btn { display: inline-grid; } }
@media (min-width: 1200px) {
  .g-header .menu-btn { display: none; }
  .g-header .g-nav { display: flex; gap: clamp(14px, 1.3vw, 26px); margin-left: auto; }
  .g-header .g-actions { margin-left: clamp(8px, 1vw, 16px); }
  .g-header .site-header__inner { gap: 14px; }
  .g-header .g-theme { display: inline-grid; } /* the drawer (and its theme switch) is gone from here, so the bar carries it */
}
@media (min-width: 1440px) {
  .g-header .g-nav .g-long { display: inline; }
  .g-header .g-nav .g-short { display: none; }
}
/* schema patch 39.35: 🔱 Rudri Path and 🪔 Aarti join the bar from 1720 px under their short names (full names in the drawer) */
@media (max-width: 1719.98px) { .g-header .g-nav .g-nav__link--wide { display: none; } }
@media (min-width: 1720px) { .g-header .g-nav { gap: 12px; } .g-header .site-header__inner { gap: 10px; } }
.g-header .g-nav .g-nav__link--wide .g-long { display: none; }
.g-header .g-nav .g-nav__link--wide .g-short { display: inline; }
@media (min-width: 1880px) {
  .g-header .g-cta--start .g-long { display: inline; }
  .g-header .g-cta--start .g-short { display: none; }
}
@media (max-width: 419.98px) { .g-header .g-cta { padding: 0 0.8em; min-height: 44px; } .g-header .g-actions { gap: 6px; } }

/* ---- drawer -------------------------------------------------------------- */
.g-drawer__ctas { display: grid; gap: 10px; padding: 8px 24px 4px; }
.g-drawer .drawer__links a[aria-current="page"] .drawer__label { color: var(--accent); }
/* the drawer is dark glass in both themes (site.css .drawer), so its token-coloured parts (the Sign-In pill, the current
   page's label) take Temple Dark values in Temple Dawn too, as site.css .science does */
.g-drawer { --ink: #FCFBF7; --accent: #F2B54C; --amber: #E8962A; --champagne-strong: rgba(245, 158, 11, 0.45); }

@media (prefers-reduced-motion: reduce) {
  .g-nav__link::after, .g-cta { transition: none; }
}