/* 
   SMART STATUS BAR
   Context-aware "are we open?" banner. Shared across all guest pages.
   Loaded via <link rel="stylesheet" href="smart-status.css">
   Paired with smart-status.js for the dynamic text.
    */
.ticker-bar {
  background:linear-gradient(135deg, #0f1419 0%, #1a2332 50%, #0f1419 100%);
  color:#fff;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:0 32px;
  border-top:1px solid rgba(165,214,16,.2);
  border-bottom:1px solid rgba(165,214,16,.2);
  position:sticky;
  top:47px;
  overflow:hidden;
  z-index:1999;
}
.ticker-bar::before {
  content:"";
  position:absolute;
  top:0; left:50%;
  transform:translateX(-50%);
  width:60%;
  height:1px;
  background:linear-gradient(90deg, transparent 0%, #A5D610 50%, transparent 100%);
  opacity:.5;
  pointer-events:none;
}
.ticker-dot {
  width:10px; height:10px;
  border-radius:50%;
  background:#A5D610;
  box-shadow:0 0 12px #A5D610;
  animation:ticker-pulse 1.6s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes ticker-pulse {
  0%,100% { opacity:.55; transform:scale(1); }
  50%     { opacity:1;   transform:scale(1.35); }
}
.ticker-text {
  font-family:'Inter',sans-serif;
  font-size:1.15rem;
  font-weight:700;
  letter-spacing:.005em;
  line-height:1.3;
  text-align:center;
}
.ticker-primary {
  color:#A5D610;
  font-weight:800;
}
.ticker-primary.closed { color:#FFF200; }
.ticker-primary.holiday { color:#FF3131; }
.ticker-secondary {
  color:rgba(255,255,255,.55);
  font-weight:500;
  font-size:.95em;
  margin-left:4px;
}
.ticker-divider {
  display:inline-block;
  width:4px; height:4px;
  border-radius:50%;
  background:rgba(255,255,255,.25);
  margin:0 10px;
  vertical-align:middle;
}
@media (prefers-reduced-motion: reduce) {
  .ticker-dot { animation:none; }
}
@media (max-width:899px) {
  /* Mobile: desktop nav is hidden + a fixed mobile header is present.
     Drop the sticky offset so the bar flows normally below the header. */
  .ticker-bar { position:static; top:auto; height:auto; min-height:48px; padding:10px 18px; }
  .ticker-text { font-size:.98rem; line-height:1.45; }
  .ticker-divider { display:inline-block; margin:0 8px; }
}