/* Schema patch 39.35: the "Practicing as a Guest" bar (templates/public/partials/guest-practice-banner.php) on /portal/rudri and
   /bhakti/aarti, signed-out visitors only. A glass bar under the header: site.css tokens, so Temple Dark (onyx glass, ivory text)
   and Temple Dawn (parchment glass, ink) both read; an amber hairline; Deep Vermilion for Register Free; 44 px tap targets;
   wraps from 320 px up (never wider than the page); no transitions under prefers-reduced-motion. */
.gp-bar {
  position: relative; z-index: 2;
  border-bottom: 1px solid rgba(217, 119, 6, 0.2);
  background: color-mix(in srgb, var(--surface, #161311) 82%, transparent);
  -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: inset 0 1px 0 rgba(245, 158, 11, 0.12);
  color: var(--ink, #FCFBF7);
}
.gp-bar[hidden] { display: none; }
.gp-bar__in {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px;
  width: min(100% - 32px, 1880px); margin-inline: auto; padding-block: 8px;
}
.gp-bar__t { flex: 1 1 22rem; min-width: 0; margin: 0; font-size: 0.95rem; line-height: 1.45; overflow-wrap: anywhere; }
.gp-bar__t strong { color: var(--gold-text, #F2B54C); font-weight: 700; }
.gp-bar__acts { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.gp-bar__btn {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 44px; min-width: 44px; padding: 6px 16px; border-radius: 999px;
  border: 1px solid rgba(217, 119, 6, 0.45); background: transparent; color: var(--ink, #FCFBF7);
  font: inherit; font-size: 0.95rem; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.gp-bar__btn:hover { border-color: #D97706; background: rgba(217, 119, 6, 0.1); }
.gp-bar__btn--primary { background: var(--vermilion, #881337); border-color: var(--vermilion, #881337); color: var(--on-vermilion, #FFF7EE); }
.gp-bar__btn--primary:hover { background: var(--vermilion-deep, #A0183F); border-color: #F59E0B; }
.gp-bar__x { color: var(--muted, #BBA996); }
.gp-bar__btn:focus-visible { outline: 3px solid var(--focus, #FCD34D); outline-offset: 2px; }
@media (max-width: 599px) {
  .gp-bar__t { flex-basis: 100%; font-size: 0.9rem; }
  .gp-bar__acts { width: 100%; }
  .gp-bar__btn { flex: 1 1 auto; padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .gp-bar__btn { transition: none; }
}
@media print { .gp-bar { display: none; } }