/* LTM crew board seasonal layer (Oct 2026). Look only. Classes are set by season.js by date. */

/* ---------- fall colours (Oct + Nov): warm cream, rust buttons, olive + rust badges ---------- */
html.season-fall {
  --bg: #f1ebe1; --panel: #fffdf9; --panel2: #f8f3eb; --border: #e6ddd0; --border-strong: #d3c6b4;
  --rust: #a4552a; --rust-d: #8a4521; --olive: #5d7444; --plum: #5a2e5f;
}
html.season-fall .road-band { background: linear-gradient(90deg, #c26a2c, #e0a03a, #c26a2c) !important; }
html.season-fall .btn.primary, html.season-fall .note-add-btn, html.season-fall button.save, html.season-fall .export-bar button,
html.season-fall .tabs button.on, html.season-fall .layout-bar button.on, html.season-fall .tech-chip.picked,
html.season-fall .pd-actions button.go, html.season-fall form#f button {
  background: var(--rust) !important; border-color: var(--rust-d) !important; color: #fff !important;
}
html.season-fall .btn.primary:hover, html.season-fall .note-add-btn:hover, html.season-fall button.save:hover { background: var(--rust-d) !important; color: #fff !important; }
html.season-fall .tb-btn.pd, html.season-fall .pd-crew-btn:not(.quiet), html.season-fall .pd-chip:not(.zero) {
  background: var(--rust) !important; border-color: var(--rust-d) !important; color: #fff !important;
}
html.season-fall .add-job-btn, html.season-fall button[onclick^="addAdditionalJob"], html.season-fall .job-added { color: var(--rust) !important; }
html.season-fall .badge.crews { background: var(--olive) !important; border-color: var(--olive) !important; color: #fff !important; }
html.season-fall .badge.oot { background: #c4622d !important; border-color: #c4622d !important; color: #fff !important; }
html.season-fall .shift-tag.day, html.season-fall .shift-badge.day { background: var(--olive) !important; border-color: var(--olive) !important; color: #fff !important; }
html.season-fall .shift-tag.night, html.season-fall .shift-badge.night { background: var(--plum) !important; border-color: var(--plum) !important; color: #fff !important; }
html.season-fall .oot-tag { background: #c4622d !important; border-color: #c4622d !important; color: #fff !important; }
html.season-fall .day-cell.today { border-color: var(--rust) !important; box-shadow: 0 0 0 1px var(--rust) inset, var(--shadow) !important; }
html.season-fall .day-cell.today .day-num { color: var(--rust) !important; }
html.season-fall #grid .crew-card { border-left-color: var(--olive) !important; }
html.season-fall #grid .crew-card.oot, html.season-fall .crew-card.oot.night-shift { border-left-color: #c4622d !important; }
html.season-fall .crew-card.night-shift { border-left-color: var(--plum) !important; }
html.season-fall input[type=checkbox] { accent-color: var(--rust); }

/* ---------- Halloween pictures (October) ---------- */
.sz-bg, .sz-ghost, .sz-skeleton { pointer-events: none; user-select: none; }
html.season-halloween body { background: transparent !important; }
html.season-halloween { background: #f1ebe1; }
.sz-bg {
  position: fixed; inset: 0; z-index: -1;
  background:
    linear-gradient(180deg, rgba(241,235,225,0.97) 0%, rgba(241,235,225,0.94) 40%, rgba(241,235,225,0.62) 72%, rgba(241,235,225,0.22) 100%),
    url('/schedule/assets/season/bg-wide.jpg') center bottom / cover no-repeat;
}
@media (max-aspect-ratio: 4/5) {
  .sz-bg {
    background:
      linear-gradient(180deg, rgba(241,235,225,0.97) 0%, rgba(241,235,225,0.93) 45%, rgba(241,235,225,0.6) 75%, rgba(241,235,225,0.25) 100%),
      url('/schedule/assets/season/bg-tall.jpg') center bottom / cover no-repeat;
  }
}
.brand { position: relative; }
/* past calendar days are faded with opacity, which would let the picture show through: keep the cell solid, fade its content */
html.season-halloween .day-cell.past { opacity: 1 !important; background: #f6f1e9 !important; }
html.season-halloween .day-cell.past > * { opacity: 0.6; }
.brand img.sz-ghost {   /* ui.css forces .brand img to the logo height; the ghost is its own size */
  position: absolute; left: calc(100% + 10px); top: -22px; width: 96px !important; height: auto !important; z-index: 2;
  filter: drop-shadow(0 4px 6px rgba(60,40,20,0.18)); transform: rotate(-6deg);
}
.sz-skeleton {
  position: fixed; right: 10px; bottom: 0; height: 170px; width: auto; z-index: 4;
  filter: drop-shadow(0 6px 10px rgba(60,40,20,0.28));
}
@media (max-width: 1100px) { .brand img.sz-ghost { display: none !important; } }
@media (max-width: 900px) { .sz-skeleton { display: none; } }
@media print { .sz-bg, .sz-ghost, .sz-skeleton { display: none !important; } }