/* SO-OEPNVPRO – last-load contrast guard for integrated Live stop dialog. */


/* 2026-08-30 V5 – Haltestellen-Live Lesbarkeit / Outdoor / Senioren
   Ziel: keine dunkle Schrift auf dunklen Abfahrtskarten; klare Informationshierarchie. */
.live-bus-root .stop-dialog .stop-departures{background:#04100b;padding:10px 10px 16px}
.live-bus-root .stop-dialog .stop-departure{min-height:68px;padding:11px 10px;gap:10px;border:1px solid #347657;background:#0b1d15;color:#f4fff8;box-shadow:0 2px 0 rgba(0,0,0,.18)}
.live-bus-root .stop-dialog .stop-line{min-width:54px;height:42px;background:#06110d;color:#fff;font-size:16px;line-height:1;border-width:2px}
.live-bus-root .stop-dialog .stop-destination strong{color:#f7fff9;font-size:15px;line-height:1.25;font-weight:900}
.live-bus-root .stop-dialog .stop-destination small{margin-top:5px;color:#c7ddd2;font-size:12px;line-height:1.35;font-weight:750;white-space:normal}
.live-bus-root .stop-dialog .stop-dep-time{min-width:68px;color:#79ffb2;font-size:17px;line-height:1.1;font-weight:950}
.live-bus-root .stop-dialog .stop-dep-time small{margin-top:5px;color:#c7ddd2;font-size:11px;line-height:1.2;font-weight:800}
.live-bus-root .stop-dialog .trip-head h2{color:#f7fff9;font-size:20px}
.live-bus-root .stop-dialog .trip-subtitle{color:#c7ddd2;font-size:13px}
.live-bus-root .stop-dialog .trip-chip{font-size:11px;line-height:1.25}
.live-bus-root .stop-dialog .trip-foot{color:#bdd5c9;font-size:11px;line-height:1.35}
.live-bus-root .stop-dialog .small-button{font-size:13px;font-weight:900}

html[data-theme="light"] .live-bus-root .stop-dialog .stop-departures{background:#edf3ef}
html[data-theme="light"] .live-bus-root .stop-dialog .stop-departure{background:#fff;color:#07120d;border-color:#8eaa9a;box-shadow:0 2px 7px rgba(20,45,32,.08)}
html[data-theme="light"] .live-bus-root .stop-dialog .stop-line{background:#f7faf8;color:#07120d}
html[data-theme="light"] .live-bus-root .stop-dialog .stop-destination strong{color:#07120d}
html[data-theme="light"] .live-bus-root .stop-dialog .stop-destination small{color:#2a4436}
html[data-theme="light"] .live-bus-root .stop-dialog .stop-dep-time{color:#005f35}
html[data-theme="light"] .live-bus-root .stop-dialog .stop-dep-time small{color:#2f493b}
html[data-theme="light"] .live-bus-root .stop-dialog .trip-head h2{color:#07120d}
html[data-theme="light"] .live-bus-root .stop-dialog .trip-subtitle{color:#334e40}
html[data-theme="light"] .live-bus-root .stop-dialog .trip-chip{background:#fff;color:#203b2d;border-color:#8fa99a}
html[data-theme="light"] .live-bus-root .stop-dialog .trip-chip.live{background:#e4f4e9;color:#045b33;border-color:#6d9e83}
html[data-theme="light"] .live-bus-root .stop-dialog .trip-foot{background:#f7faf8;color:#294336}

@media(max-width:600px){
  .live-bus-root .stop-dialog{max-height:96svh}
  .live-bus-root .stop-dialog .trip-head{padding:13px 12px 10px}
  .live-bus-root .stop-dialog .trip-head h2{font-size:21px;line-height:1.18}
  .live-bus-root .stop-dialog .trip-subtitle{font-size:14px}
  .live-bus-root .stop-dialog .trip-meta{padding:8px 10px;gap:6px}
  .live-bus-root .stop-dialog .trip-chip{font-size:12px;padding:5px 8px}
  .live-bus-root .stop-dialog .stop-departures{padding:10px 7px calc(18px + env(safe-area-inset-bottom))}
  .live-bus-root .stop-dialog .stop-departure{grid-template-columns:58px minmax(0,1fr) 72px;min-height:74px;padding:12px 9px;margin-bottom:8px}
  .live-bus-root .stop-dialog .stop-line{height:44px;font-size:17px}
  .live-bus-root .stop-dialog .stop-destination strong{font-size:16px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .live-bus-root .stop-dialog .stop-destination small{font-size:13px}
  .live-bus-root .stop-dialog .stop-dep-time{font-size:18px}
  .live-bus-root .stop-dialog .stop-dep-time small{font-size:12px}
  .live-bus-root .stop-dialog .trip-close{width:48px;height:48px;font-size:29px}
  .live-bus-root .stop-dialog .trip-foot{font-size:12px;gap:8px;flex-wrap:wrap}
}

.leg-live-share-button{min-height:40px;border:2px solid #087143;border-radius:10px;background:#e8fff1;color:#06472c;font-weight:900;padding:7px 10px;cursor:pointer}.leg-live-share-button:focus-visible{outline:3px solid #25f27f;outline-offset:2px}html[data-theme="green"] .leg-live-share-button{background:#103326;color:#effff6;border-color:#42d989}@media(max-width:700px){.leg-live-share-button{min-height:44px;font-size:14px}}