/* GalaCON 2026 announcement bar (assets/event-capture.js). Sits above the fixed header; the header moves down by
   the bar's height. The hero's 140px top padding already clears header + bar, so the hero does not move. */
.event-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 52px 0 12px; background: linear-gradient(90deg, #C8962E 0%, #E0B24E 100%); color: #050D1A; box-shadow: 0 2px 10px rgba(0,0,0,0.25); }
.event-bar-cta { background: none; border: 0; font: inherit; font-weight: 700; font-size: 0.95rem; color: inherit; cursor: pointer; min-height: 44px; padding: 0 8px; text-decoration: underline; text-underline-offset: 3px; text-align: center; }
.event-bar-cta:hover { text-decoration-thickness: 2px; }
.event-bar-x { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0; background: none; color: #050D1A; font-size: 1.6rem; line-height: 1; cursor: pointer; border-radius: 8px; }
.event-bar-x:hover { background: rgba(5,13,26,0.1); }
.event-bar-cta:focus-visible, .event-bar-x:focus-visible { outline: 3px solid #050D1A !important; outline-offset: -3px; }
.event-bar .eb-short { display: none; }
html.has-event-bar body > nav { top: var(--event-bar-h, 44px); }
@media (max-width: 640px) {
  .event-bar { padding-right: 46px; }
  .event-bar .eb-long { display: none; }
  .event-bar .eb-short { display: inline; }
  .event-bar-cta { font-size: 0.88rem; white-space: nowrap; }
}