/* TankLina 0.10.93 — kostenfreie moderne Vektorkarte
   ---------------------------------------------------
   Basemap: OpenFreeMap Liberty via MapLibre GL / Leaflet binding.
   Stations-, Preis-, Spar-, Routing- und Navigationslogik bleiben unverändert.
*/

body.app-final-01093 .section-map{
  background:
    radial-gradient(circle at 52% 34%, rgba(116,218,255,.055), transparent 30%),
    linear-gradient(180deg, rgba(7,24,20,.985), rgba(4,16,14,.995)) !important;
}

body.app-final-01093 .real-map-wrap{
  isolation:isolate;
  background:#d9e1e1 !important;
  border:1px solid rgba(202,255,228,.16) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.40),
    0 0 0 1px rgba(255,255,255,.025) inset !important;
}

/* Der alte grüne Karten-Schleier war der Hauptgrund für den altbackenen Eindruck. */
body.app-final-01093 .real-map-wrap::before{
  background:
    linear-gradient(180deg, rgba(4,18,16,.015), rgba(4,18,16,.055)) !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;
  z-index:350 !important;
}

body.app-final-01093 #mapCanvas,
body.app-final-01093 .real-map,
body.app-final-01093 .leaflet-container{
  background:#dbe2e2 !important;
  filter:none !important;
}

/* Raster-Fallback bewusst neutral: nie wieder Grün-/Sepia-/Hue-Filter. */
body.app-final-01093 #mapCanvas .leaflet-tile,
body.app-final-01093 #mapCanvas .leaflet-tile-pane,
body.app-final-01093 .real-map .leaflet-tile,
body.app-final-01093 .real-map .leaflet-tile-pane{
  filter:none !important;
  opacity:1 !important;
  image-rendering:auto !important;
}

/* MapLibre-Vektorcanvas vollständig unverfälscht anzeigen. */
body.app-final-01093 #mapCanvas .maplibregl-map,
body.app-final-01093 #mapCanvas .maplibregl-canvas-container,
body.app-final-01093 #mapCanvas .maplibregl-canvas{
  filter:none !important;
  opacity:1 !important;
}

/* Attribution klein, modern, aber rechtskonform sichtbar. */
body.app-final-01093 .leaflet-control-attribution{
  max-width:min(92%, 520px);
  white-space:normal;
  line-height:1.25;
  padding:4px 8px !important;
  border-radius:10px 0 0 0 !important;
  background:rgba(5,18,16,.78) !important;
  color:rgba(235,247,242,.78) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-size:9px !important;
}
body.app-final-01093 .leaflet-control-attribution a{
  color:#dff7e8 !important;
}

/* Marker kompakter: mehr Karte, weniger schwarze Kästen. */
body.app-final-01093 .tl-price-bubble.tl-net-map-bubble{
  min-width:78px !important;
  min-height:44px !important;
  padding:6px 9px !important;
  border-radius:14px !important;
  gap:1px !important;
  transform:translateY(-7px) scale(.92) !important;
  border-color:rgba(211,255,229,.26) !important;
  background:linear-gradient(180deg,rgba(12,38,31,.94),rgba(6,22,18,.96)) !important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.025) inset !important;
}
body.app-final-01093 .tl-price-bubble.tl-net-map-bubble small{
  font-size:.56rem !important;
  letter-spacing:.09em !important;
  color:#b6dcc5 !important;
}
body.app-final-01093 .tl-price-bubble.tl-net-map-bubble strong{
  font-size:.92rem !important;
  color:#f4fff7 !important;
}
body.app-final-01093 .tl-price-bubble.tl-net-map-bubble.is-best{
  transform:translateY(-8px) scale(1.02) !important;
  background:linear-gradient(180deg,#cfff9e,#8dea79) !important;
  border-color:rgba(244,255,228,.78) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.30),
    0 0 0 3px rgba(158,255,135,.12),
    0 0 28px rgba(120,255,126,.20) !important;
}
body.app-final-01093 .tl-price-bubble.tl-net-map-bubble.is-best small,
body.app-final-01093 .tl-price-bubble.tl-net-map-bubble.is-best strong{
  color:#07150d !important;
}

/* Einfache Pins ebenfalls ruhiger und hochwertiger. */
body.app-final-01093 .tl-location-pin{
  box-shadow:
    0 0 0 4px rgba(124,243,146,.12),
    0 8px 18px rgba(0,0,0,.28) !important;
}

/* MapLibre-eigene Controls aus dem eingebetteten Leaflet-Layer nicht zusätzlich zeigen. */
body.app-final-01093 #mapCanvas .maplibregl-ctrl-top-left,
body.app-final-01093 #mapCanvas .maplibregl-ctrl-top-right,
body.app-final-01093 #mapCanvas .maplibregl-ctrl-bottom-left,
body.app-final-01093 #mapCanvas .maplibregl-ctrl-bottom-right{
  pointer-events:none;
}

/* Schmale Smartphones: Marker noch etwas kompakter. */
@media (max-width:480px){
  body.app-final-01093 .tl-price-bubble.tl-net-map-bubble{
    min-width:70px !important;
    min-height:40px !important;
    padding:5px 7px !important;
    border-radius:12px !important;
    transform:translateY(-6px) scale(.86) !important;
  }
  body.app-final-01093 .tl-price-bubble.tl-net-map-bubble.is-best{
    transform:translateY(-7px) scale(.96) !important;
  }
  body.app-final-01093 .tl-price-bubble.tl-net-map-bubble strong{
    font-size:.86rem !important;
  }
}