/**
 * Wayflo Tours – Tour-Fullscreen-Patch (CSS)
 *
 * Macht den Tour-Container vollflächig im Vollbild-Modus und sorgt
 * gleichzeitig dafür, dass Timeline + Walk-Controls am unteren Rand
 * sichtbar bleiben. Tour-Container wird zum Flex-Column-Container,
 * Map nimmt den verbleibenden Platz, Controls behalten ihre natürliche
 * Höhe.
 *
 * Z-Index-Hierarchie:
 *   #vsf-tour-container       → 99990
 *   .vsf-overlay (Modals)     → 99995
 *   .vsf-start-screen         → 100000
 *   .wayflo-souvenir-modal    → 100001
 *
 * @package Wayflo_Tours
 * @since   5.18.6
 */

/* Page-Scroll während Tour läuft sperren */
body.vsf-app-mode {
  overflow: hidden !important;
}

/* Tour-Container vollflächig fixieren ALS FLEX-COLUMN, damit Map oben
   den verbleibenden Platz bekommt und Controls unten ihre natürliche
   Höhe behalten */
body.vsf-app-mode #vsf-tour-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  z-index: 99990 !important;
  background: #fafaf7;
  display: flex !important;
  flex-direction: column !important;
}

/* Map-Wrapper nimmt den verbleibenden Platz oben — alles, was
   Timeline + Walk-Controls darunter NICHT brauchen */
body.vsf-app-mode #vsf-tour-container #vsf-map-wrapper {
  flex: 1 1 auto !important;
  min-height: 0 !important;   /* nötig damit flex shrinking überhaupt greift */
  width: 100% !important;
  height: auto !important;
}

/* Karte selbst füllt ihren Wrapper voll aus */
body.vsf-app-mode #vsf-tour-container #vsf-tour-map {
  width: 100% !important;
  height: 100% !important;
}

/* Timeline + Walk-Controls behalten ihre natürliche Höhe und liegen
   unter dem Map-Wrapper im Flex-Flow */
body.vsf-app-mode #vsf-tour-container #vsf-timeline,
body.vsf-app-mode #vsf-tour-container #vsf-walk-controls {
  flex: 0 0 auto !important;
  width: 100% !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Alle Tour-Overlays MÜSSEN über dem Container liegen */
body.vsf-app-mode .vsf-overlay,
body.vsf-app-mode #vsf-marker-modal,
body.vsf-app-mode #vsf-end-screen,
body.vsf-app-mode #vsf-lottie-transition,
body.vsf-app-mode .vsf-arrival-modal,
body.vsf-app-mode #vsf-arrival-modal,
/* v5.41.3 FIX: OEPNV-/Langstrecken-Dialog hat keine .vsf-overlay-Klasse
   und behielt im App-Modus sein eigenes z-index:10002 – lag damit HINTER
   dem Tour-Container (99990) und war unsichtbar. Tour schien zu haengen,
   weil der Code auf die nicht treffbare Modal-Entscheidung wartete. */
body.vsf-app-mode #vsf-longdist {
  z-index: 99995 !important;
}

/* Startscreen bleibt ganz oben */
body.vsf-app-mode #vsf-start-screen,
body.vsf-app-mode .vsf-start-screen {
  z-index: 100000 !important;
}

/* Souvenir-Modal über allem (auch über Startscreen falls aktiv) */
body.vsf-app-mode .wayflo-souvenir-modal {
  z-index: 100001 !important;
}

/* WordPress-Adminbar berücksichtigen */
body.admin-bar.vsf-app-mode #vsf-tour-container {
  top: 32px !important;
  height: calc(100vh - 32px) !important;
  height: calc(100dvh - 32px) !important;
}
@media (max-width: 782px) {
  body.admin-bar.vsf-app-mode #vsf-tour-container {
    top: 46px !important;
    height: calc(100vh - 46px) !important;
    height: calc(100dvh - 46px) !important;
  }
}