/* vorOrt dabei – app v21 (19.10.2026): Behebungen aus der Gesamtprüfung
   (QA-Bericht 2026-10-19 Gesamtprüfung, Teil 4 „App & Formular“; Behebungen: QA-Bericht 2026-10-19 Behebungen/3-app-formular.md) */

/* ---------- A3 · Karte auf kleinen Handys ----------
   iPhone SE (375 × 667) bzw. Safari mit eingeblendeten Leisten (ca. 548 px): Bildschirmhöhe bis 766 px (= Karte bis 700 px über der
   Tableiste). Vorher war die Liste in mittlerer Höhe 46 % hoch – und 74 %, wenn ihr Kopf viel Platz brauchte („grow“) –, von der
   Karte blieb ein ca. 30 px hoher Streifen. Jetzt höchstens 40 % (js/map.js rechnet mit derselben Grenze), Legende aus,
   Sortierzeile flacher. „Mein Standort“ sitzt rechts unter der Filterleiste (lag sonst auf dem Knopf „Strände“);
   Zoom-Knöpfe (nur Maus, Computer mit niedrigem Fenster) und der Hinweis „Kartenhintergrund nicht verfügbar“ weichen aus. */
@media (max-height: 766px) {
  .msheet, .msheet.grow:not(.collapsed):not(.snap-max) { max-height: 40%; }
  .msheet .pleg { display: none; }
  .msheet .sortrow { padding: 6px 0 2px; }
  .karte .locate { top: calc(var(--safe-t) + 128px); bottom: auto; width: 44px; height: 44px; border-radius: 22px; }
  .karte .leaflet-top { top: calc(var(--safe-t) + 176px); }
  .karte .tile-warn { right: 72px; }
}
/* sehr flach (Querformat): wie bisher neben der Suche (css/v6-karte.css) */
@media (max-height: 500px) {
  .karte .locate { top: calc(var(--safe-t) + 16px); }
  .karte .leaflet-top { top: calc(var(--safe-t) + 120px); }
  .karte .tile-warn { right: 16px; }
}

/* ---------- A5 · Hinweis „Termine nicht aktuell / nicht geladen“ (Entdecken, Kalender) ---------- */
.datenhinweis { flex-wrap: wrap; align-items: flex-start; }
.datenhinweis .ico-svg { flex-shrink: 0; }
.datenhinweis-t { flex: 1 1 220px; min-width: 0; }
.datenhinweis-btn { flex: 0 0 auto; margin: -8px 0 -10px 28px; min-height: 40px; padding: 0 2px; font-size: 0.875rem; color: var(--navy); text-decoration: underline; text-underline-offset: 2px; }
.datenhinweis-btn:disabled { opacity: .6; text-decoration: none; }

/* ---------- A12f · Karussell „Nicht verpassen“: Punkte größer, Trefferfläche ca. 20 × 44 px (vorher 8 × 8 px sichtbar, 14 × 32 px Fläche) ---------- */
.pdots { gap: 9px; }
.pdot { width: 10px; height: 10px; border-radius: 5px; }
.pdot.on { width: 24px; }
.pdot::after { inset: -17px -5px; }

/* ---------- A12e · Fußzeile Entdecken: zwei Gruppen („Termin melden · Partner werden“, „Impressum · Datenschutz“) ---------- */
.foot { column-gap: 18px; row-gap: 0; }
.foot-g { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
/* A5 auf der Karte: Zeile über der Terminliste */
.orte-hint.map-daten { color: #7A5A00; }
.orte-hint.map-daten .ico-svg { color: #7A5A00; }