/* Night theme "Flat & crisp": same layout as the day theme, muted warm
   palette. Scoped to night mode only. */



:root[data-theme="night"] { --radius: 1.1rem; --row-divider: rgba(226,195,155,0.07); --icon-filter: saturate(0.4) brightness(0.55); }

:root[data-theme="night"] .panel { border: 0; padding: 1.4rem 1.75rem; }

:root[data-theme="night"] .strip { border: 0; }

:root[data-theme="night"] .topbar__clock { font-weight: 300; letter-spacing: 0.04em; opacity: 0.75; }

:root[data-theme="night"] .topbar__place,
:root[data-theme="night"] .topbar__date { font-size: 1.5rem; letter-spacing: 0.04em; }

:root[data-theme="night"] .panel__head h2 {
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--muted);
}

:root[data-theme="night"] .panel__sub {
  font-size: 1.1rem;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--text);
  margin-left: 0.9rem;
}

:root[data-theme="night"] .panel__head { margin-bottom: 0.5rem; }

:root[data-theme="night"] .row { border-bottom-color: var(--row-divider); padding: 0.7rem 0; }

:root[data-theme="night"] .badge--bus {
  background: transparent;
  color: #b5574d;
  border: 2px solid var(--bus);
  border-radius: 0.6rem;
}

:root[data-theme="night"] .row--bus .row__dest { font-size: 1.7rem; }

:root[data-theme="night"] .row--bus { grid-template-columns: 5.5rem 1fr 8.5rem; }

:root[data-theme="night"] .row__time { font-size: 2rem; font-weight: 500; white-space: nowrap; }

:root[data-theme="night"] .row__time.due { color: var(--ok); }

:root[data-theme="night"] .station__name {
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 0.4rem;
}

:root[data-theme="night"] #station-bvd .station__name { color: #4f8ea8; }

:root[data-theme="night"] #station-abw .station__name { color: #8878b0; }

:root[data-theme="night"] .station__name .crs { text-transform: none; letter-spacing: 0.02em; color: var(--muted); }

:root[data-theme="night"] .station + .station { border-left-color: var(--row-divider); }

:root[data-theme="night"] .row--train .row__sched { font-size: 1.55rem; font-weight: 500; }

:root[data-theme="night"] .row__plat {
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 1.2rem;
}

:root[data-theme="night"] .row__plat::before { content: "P"; opacity: 0.55; margin-right: 0.1rem; font-size: 0.8em; }

:root[data-theme="night"] .row__status { font-weight: 500; font-size: 1.15rem; }

:root[data-theme="night"] .weather__temp { font-weight: 300; font-size: 5rem; }

:root[data-theme="night"] .weather__icon { font-size: 4rem; }

:root[data-theme="night"] .advice {
  background: transparent;
  border-left: 0;
  border: 1px solid rgba(201,154,69,0.35);
  border-radius: 999px;
  padding: 0.6rem 1.4rem;
}

:root[data-theme="night"] .hourly { --hgap: 0.25rem; }

:root[data-theme="night"] .hourly__h { background: transparent; border-radius: 0.8rem; padding: 0.7rem 0.2rem; }

:root[data-theme="night"] .hourly__h--now { box-shadow: none; background: #17130f; }

:root[data-theme="night"] .hourly__h:not(.hourly__h--now):nth-child(odd) { background: rgba(226,195,155,0.025); }

:root[data-theme="night"] .forecast { gap: 0.5rem; }

:root[data-theme="night"] .forecast__day { background: transparent; border: 1px solid var(--row-divider); border-radius: 0.8rem; }

:root[data-theme="night"] .forecast__day:first-child { background: #17130f; border-color: transparent; }

:root[data-theme="night"] .strip { background: var(--panel); }

:root[data-theme="night"] .pill {
  border: 0;
  background: transparent;
  padding: 0.4rem 0.2rem;
  font-size: 1.3rem;
}

:root[data-theme="night"] .pill--warn,
:root[data-theme="night"] .pill--bad { background: transparent; }

:root[data-theme="night"] .pill--warn { color: var(--warn); }

:root[data-theme="night"] .pill--bad { color: var(--bad); }

:root[data-theme="night"] .pill--air[data-band="3"],
:root[data-theme="night"] .pill--air[data-band="4"],
:root[data-theme="night"] .pill--air[data-band="5"],
:root[data-theme="night"] .pill--air[data-band="6"] { border: 0; }

:root[data-theme="night"] .pill--pollen[data-level="3"] { border: 0; }

:root[data-theme="night"] .strip__label { letter-spacing: 0.16em; }

/* Night clock is taller, so trim train row padding a touch to keep 5 rows */
:root[data-theme="night"] .row--train { padding: 0.6rem 0; }