/*
 * Zwei-Klick-Platzhalter der Trailkarte (DSGVO), eigene Datei statt mtb-trailmap.css:
 * WP Rocket behaelt minifizierte CSS-Dateien unter ihrem Pfad (cache/min/…) auch nach einem
 * Deploy; eine bestehende Datei zu ergaenzen hiess, dass Besucher die alte Fassung sahen.
 */
/* ─────────────────────────────────────────────────────────────
 * Zwei-Klick-Platzhalter der Trailkarte (DSGVO)
 * Liegt absolut INNERHALB von #mtb-trailmap: der Container behält seine Größe,
 * beim Laden der Karte gibt es keinen Layout-Sprung. Höhenlinien-Motiv als lokales SVG
 * (kein Kartendienst, kein Drittanbieter-Request vor dem Klick).
 * ───────────────────────────────────────────────────────────── */
#mtb-trailmap .mtb-map-gate {
  position: absolute;
  inset: 0;
  z-index: 1100; /* über den Leaflet-Controls (bis 1000), bis die Karte steht */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: auto;
  color: #000;
  background: #f2eee6 url('img/map-gate-contours.svg') center / cover no-repeat;
}
#mtb-trailmap .mtb-map-gate__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 38rem;
  padding: clamp(20px, 4vw, 48px);
  text-align: left;
}
#mtb-trailmap .mtb-map-gate__title {
  margin: 0 0 .5em;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1.15;
  color: #000;
}
#mtb-trailmap .mtb-map-gate__text {
  margin: 0 0 1.25em;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
  color: #000;
}
#mtb-trailmap .mtb-map-gate__text a {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 2px;
}
#mtb-trailmap .mtb-map-gate__text a:hover { text-decoration-thickness: 2px; }
#mtb-trailmap .mtb-map-gate__btn {
  display: inline-block;
  margin: 0;
  padding: 8px 20px;
  font: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  color: #000;
  background: transparent;
  border: 1px solid #000;
  border-radius: 2px;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}
#mtb-trailmap .mtb-map-gate__btn:focus {
  color: #000;
  background: transparent;
}
#mtb-trailmap .mtb-map-gate__btn:hover {
  color: #f2eee6;
  background: #000;
}
#mtb-trailmap .mtb-map-gate__btn:focus-visible {
  outline: 3px solid #000;
  outline-offset: 3px;
}
#mtb-trailmap .mtb-map-gate__btn[aria-disabled="true"] {
  cursor: progress;
  opacity: .65;
}
#mtb-trailmap .mtb-map-gate__btn[aria-disabled="true"]:hover {
  color: #000;
  background: transparent;
}
#mtb-trailmap .mtb-map-gate__remember {
  display: flex;
  align-items: center;
  gap: .55em;
  margin: 1em 0 0;
  font-size: .95rem;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  cursor: pointer;
}
#mtb-trailmap .mtb-map-gate__check {
  flex: none;
  width: 1.15em;
  height: 1.15em;
  margin: 0;
  accent-color: #000;
}
#mtb-trailmap .mtb-map-gate__check:focus-visible {
  outline: 3px solid #000;
  outline-offset: 2px;
}
#mtb-trailmap .mtb-map-gate__status {
  margin: .75em 0 0;
  min-height: 1.4em;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}
#mtb-trailmap .mtb-map-gate.is-error .mtb-map-gate__status { color: #8a1200; }
#mtb-trailmap .mtb-map-gate__noscript { margin: .75em 0 0; font-weight: 700; }
#mtb-trailmap .mtb-map-gate .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 480px) {
  #mtb-trailmap .mtb-map-gate__btn { width: 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  #mtb-trailmap .mtb-map-gate__btn { transition: none; }
}