/* Park status (supplements/src/javascript/aw-status.js): the homepage ticker (inside the existing .ticker-container, where the old
   #ticker sat, below the fixed header's offset), the banner above the opening-hours legend, the popup and the Today badge.
   Swatch colours (schema v3 `colour` key), brand colours with fixed text for contrast:
   red #D31D26 + white 5.3:1, blue #08BDF9 + #1a1a1a, yellow #FAD232 + #1a1a1a, white #FFFFFF + #333 with a border. */
.aw-status {
  clear: both;
  box-sizing: border-box;
  width: 100%;
  min-height: 40px;           /* old #ticker was 2.857em of 14px */
  font-size: 14px;
  line-height: 1.35;
  background: #D31D26;
  color: #fff;
}
.aw-status--red { background: #D31D26; color: #fff; }
.aw-status--blue { background: #08BDF9; color: #1a1a1a; }
.aw-status--yellow { background: #FAD232; color: #1a1a1a; }
.aw-status--white { background: #fff; color: #333; box-shadow: inset 0 0 0 1px #c9c9c9; }

.aw-status__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 40px;
  padding: 8px 15px;
}
.aw-status__text {
  margin: 0;
  flex: 0 1 auto;
  text-align: center;
  overflow-wrap: anywhere;   /* static and wrapping, so a phone shows two lines instead of cutting off */
  font-weight: 500;
}
/* url set: the WHOLE bar content is one link. Subtle hover (soft shade + underlined text), inset focus ring. */
.aw-status a.aw-status__inner--link,
.aw-status a.aw-status__inner--link:hover,
.aw-status a.aw-status__inner--link:focus { color: inherit; text-decoration: none; }
.aw-status a.aw-status__inner--link { transition: background-color .15s ease; }
.aw-status a.aw-status__inner--link:hover,
.aw-status a.aw-status__inner--link:focus-visible { background-color: rgba(0, 0, 0, .08); }
.aw-status a.aw-status__inner--link:hover .aw-status__text,
.aw-status a.aw-status__inner--link:focus-visible .aw-status__text { text-decoration: underline; text-underline-offset: 3px; }
.aw-status a.aw-status__inner--link:focus-visible { outline: 3px solid currentColor; outline-offset: -5px; }
.aw-status-hours .aw-status a.aw-status__inner--link { border-radius: 5px; }

@media (min-width: 1200px) { .aw-status { font-size: 16px; } }

/* Ticker with scroll=true: ONE seamless loop. The track holds identical units (text + middot, about 2em either side), and
   aw-status.js sets --aw-shift (100%/copies, exactly one unit) and --aw-dur. No pause button: it pauses on hover and while it
   contains focus, and never moves under prefers-reduced-motion. */
.aw-ticker--scroll .aw-status__text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.aw-ticker--scroll .aw-status__scroll {
  display: inline-flex;
  white-space: nowrap;
  will-change: transform;
  animation: aw-status-scroll var(--aw-dur, 30s) linear infinite;
}
.aw-status__unit { display: inline-flex; flex: none; align-items: center; }
.aw-status__dot { padding: 0 2em; font-weight: 700; }
@keyframes aw-status-scroll { from { transform: translateX(0); } to { transform: translateX(calc(-1 * var(--aw-shift, 50%))); } }
.aw-ticker--scroll:hover .aw-status__scroll,
.aw-ticker--scroll:focus-within .aw-status__scroll { animation-play-state: paused; }

/* Reduced motion: never scrolls; one centred, wrapping copy of the message, no middot. */
@media (prefers-reduced-motion: reduce) {
  .aw-ticker--scroll .aw-status__text { overflow: visible; white-space: normal; text-align: center; }
  .aw-ticker--scroll .aw-status__scroll { animation: none; display: inline; transform: none; }
  .aw-ticker--scroll .aw-status__unit { display: inline; }
  .aw-ticker--scroll .aw-status__unit[aria-hidden="true"],
  .aw-ticker--scroll .aw-status__dot { display: none; }
}

/* Today badge override (#today .today__status): swatch colours on the theme's pill; text shown exactly as typed (no uppercasing). */
#today .today__status--override { text-transform: none; border-width: 1px; border-style: solid; box-shadow: none; }
#today .today__status--override.aw-status--red { background: #D31D26; color: #fff; border-color: #D31D26; }
#today .today__status--override.aw-status--blue { background: #08BDF9; color: #1a1a1a; border-color: #08BDF9; }
#today .today__status--override.aw-status--yellow { background: #FAD232; color: #1a1a1a; border-color: #FAD232; }
#today .today__status--override.aw-status--white { background: #fff; color: #333; border-color: #8a8a8a; }

/* Banner above the opening-hours legend. */
.aw-status-hours { margin-bottom: 15px; }
.aw-status-hours .aw-status { border-radius: 5px; font-size: 16px; }
.aw-status-hours .aw-status__inner { padding: 12px 15px; }

/* Homepage ticker: the old #ticker look (full width strip, ~40px, wrapping when not scrolling). The theme adds a 120px top
   margin to .ticker-container on phones for the old layout; keep it out of the way of the bar. */
.aw-ticker { margin: 0; }

/* Popup: reuses the theme's .aw-popup / .aw-card / .popup-bg-* look (main.css). Additions: white variant, real close button,
   dark text on blue and yellow (the theme's white-on-blue is under 3:1), no fade under reduced motion. */
.aw-status-popup .aw-card { margin: 10px; max-height: calc(100vh - 20px); overflow-y: auto; }
.aw-status-popup.popup-bg-white .aw-card { background-color: #fff; color: #111; font-weight: bold; }
.aw-status-popup.popup-bg-white .aw-card h4 { color: #D31D26; }
.aw-status-popup.popup-bg-blue .aw-card,
.aw-status-popup.popup-bg-blue .aw-card h4,
.aw-status-popup.popup-bg-yellow .aw-card,
.aw-status-popup.popup-bg-yellow .aw-card h4 { color: #1a1a1a; }
.aw-status-popup__body { white-space: pre-line; overflow-wrap: anywhere; }
.aw-status-popup .aw-popup-close {
  z-index: 2;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 28px;
  line-height: 1;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.aw-status-popup .aw-popup-close:focus-visible,
.aw-status-popup .new-button:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }
.aw-status-popup .card-content-container { padding-top: 36px; }
@media (prefers-reduced-motion: reduce) { .aw-status-popup.aw-popup { transition: none; } }