/*
 * Seasonal styling (trudj-core module `seasons`). Loaded only while seasonal styling is on in host.trudj.net, or for a staff preview.
 * The theme colors arrive as --season-* custom properties (seasons_css()); The Subhouse's own navy / red / logo are never replaced:
 * the season only adds a striped band under the menu, an optional message bar, and small icons.
 */
:root {
  --season-accent: #0f045f;
  --season-accent-2: #b82602;
  --season-banner-bg: #eef0f8;
  --season-banner-fg: #0f045f;
}

.site-header .season-strip { position: absolute; left: 0; right: 0; bottom: 0; }
.season-strip {
  height: 6px;
  background: repeating-linear-gradient(135deg, var(--season-accent) 0 14px, var(--season-accent-2) 14px 28px);
}

.season-banner, .season-preview {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5em;
  margin: 0; padding: .6em 1em;
  font-family: Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.35; text-align: center;
}
.season-banner { background: var(--season-banner-bg); color: var(--season-banner-fg); flex-wrap: nowrap; }
.season-banner span { min-width: 0; }
.season-banner .season-icon { color: var(--season-accent); width: 1.2em; height: 1.2em; flex: none; }
.season-preview { background: #0f045f; color: #fff; font-weight: 400; font-size: .9rem; }
.season-preview a { color: #fff; text-decoration: underline; font-weight: 700; }
.season-preview .season-icon { color: #fff; }

.season-icon { display: inline-block; width: 1em; height: 1em; vertical-align: -.12em; }
.foot-hours h2 .season-icon { color: var(--season-accent); width: .8em; height: .8em; }
@media (max-width: 600px) {
  .season-banner { font-size: .95rem; padding: .55em .75em; }
}

@media (prefers-reduced-motion: no-preference) {
  .season-banner .season-icon { animation: season-sway 4s ease-in-out infinite; transform-origin: 50% 80%; }
  @keyframes season-sway { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } }
}

@media print {
  .season-strip, .season-preview, .season-icon { display: none; }
  .season-banner { background: none; color: #000; border: 1px solid #000; }
}
