/* ============================================================
   LABOR DAY 2026 — additive layer, loaded ONLY by
   /labor-day-ny/ and /labor-day-fl/.

   Same rule as v3.css: styles.css is shared by every live page
   and v3.css is shared by the evergreen pages, so neither can be
   edited for a holiday. Everything Labor-Day-specific lives here
   and loads last.

   Layer order on these two pages:
     styles.css -> v3.css -> hero-bright.css -> labor-day.css
   ============================================================ */

/* --- HERO -------------------------------------------------
   The bright-hero treatment (photo position + scrim) moved to
   hero-bright.css so the everyday pages can share one definition
   instead of a second copy. This file keeps only what is genuinely
   Labor-Day-specific.
   ------------------------------------------------------------- */

/* --- HOMAGE: hero kicker ------------------------------------- */
.ld-kicker {
  margin: 0 0 10px;
  font-size: clamp(0.78rem, 1.5vw, 0.9rem);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--brass-light);
  font-weight: 600;
}
.ld-kicker .ld-star { opacity: 0.75; margin: 0 2px; }

/* --- HOMAGE: who-this-weekend-is-for strip -------------------
   Deliberately typographic, not iconographic. Flags and hard-hat
   clip art would cheapen a navy-and-brass page and drag us toward
   discount-flag-sale territory, which is the opposite of the
   positioning this client is paying for. */
.ld-salute {
  list-style: none;
  margin: 26px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 10px;
}
.ld-salute li {
  font-size: 0.78rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(250, 247, 242, 0.86);
  border: 1px solid rgba(198, 165, 106, 0.42);
  border-radius: 999px;
  padding: 7px 14px;
  white-space: nowrap;
}

/* --- HOMAGE: "Open Labor Day Monday" hours row --------------- */
.hours-ld-open .day { color: var(--brass-light); font-weight: 600; }
.hours-ld-open .time { opacity: 0.85; }

/* Phone: tighten the salute pills so six of them still fit. */
@media (max-width: 720px) {
  .ld-salute { gap: 6px 8px; }
  .ld-salute li { font-size: 0.72rem; padding: 6px 11px; }
}