/* vorOrt dabei – app v6, Paket B: Entdecken, Kalender, Suche, Zeitlogik */

/* B42: Zeitraum-Chips passen auch bei 360/320 px vollständig in die Zeile */
@media (max-width: 380px) {
  .segs { gap: 6px; }
  .seg { padding: 0 10px; font-size: 0.875rem; }
}
@media (max-width: 340px) {
  .seg { padding: 0 8px; font-size: 0.8125rem; }
}

/* B07: vergangene Termine im Kalender – ausgegraut, mit „vorbei“ */
.ccard.past { background: #F3F6F6; }
.ccard.past .ccard-time { background: #E9EEEF; color: var(--muted); }
.ccard.past .ccard-t, .ccard.past .ccard-cat { color: var(--muted); }
.ccard-over { text-transform: uppercase; letter-spacing: .2px; font-size: 0.875rem; color: var(--muted); }

/* B05: Zeitraum-Ansicht im Kalender */
.day.in-range:not(.on) { box-shadow: inset 0 0 0 2px var(--navy); }
.cal-list .cal-day-label { margin: 8px 0 -2px; }
.cal-list .cal-day-label:first-child { margin-top: 0; }
.cal-range-hint { margin: -6px 0 2px; font-weight: 500; font-size: 0.875rem; color: var(--muted); }

/* B47: Tage außerhalb des Kalenders (z. B. 01.01.2027) – nicht tippbar */
.day.out, .day:disabled { background: transparent; color: #A7B0B8; box-shadow: inset 0 0 0 1px var(--edge); cursor: default; }
.day.out:hover { box-shadow: inset 0 0 0 1px var(--edge); }

/* B11: Suche – Orte, Strände & Partner */
.s-orte .s-ort { display: flex; align-items: center; min-height: 60px; color: var(--ink); }
.s-orte .s-ort + .s-ort { border-top: 1px solid var(--edge); }
.s-ort-ico { width: 62px; align-self: stretch; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--mint-l); color: var(--teal-d); }
.s-ort .row-body { padding: 10px 6px 10px 12px; }
.s-ort-go { color: var(--muted); padding-right: 12px; flex-shrink: 0; }
.s-more { align-self: flex-start; min-height: 44px; }

/* B45: „Termin nicht gefunden“ als normale Seite */
.route-termin-fehlt, .route-termin-fehlt.app { background: var(--ground); }

/* B61: Toast auf der Detailseite oben statt über den Knöpfen unten */
.route-termin ~ .toast { bottom: auto; top: calc(var(--safe-t) + 72px); transform: translate(-50%, -12px); }
.route-termin ~ .toast.show { transform: translate(-50%, 0); }