/* app.css — basstil för alla sidor */
/* ===== BASVARIABLER ===== */
:root{
  --bg:#f7f7f8;
  --card:#ffffff;
  --text:#111;
  --muted:#666;
  --line:#e6e6e9;
  --primary:#0b62ff;
  --primary-ink:#fff;
  --danger:#c62828;
  --ok:#2e7d32;
  --radius:14px;
  --shadow:0 2px 12px rgba(0,0,0,0.06);
  --focus:0 0 0 3px rgba(11,98,255,0.2);
}

/* … dina övriga basstilar, rubriker, knappar, formulär o.s.v. … */

/* ===== TEMA-FILTER FÖR LEAFLET-TILES ===== */
.theme-light .leaflet-tile{
  filter: grayscale(15%) brightness(1.10) contrast(1.1) saturate(0.2);
}
.theme-normal .leaflet-tile{
  filter: none;
}
.theme-dark .leaflet-tile{
  filter: grayscale(80%) brightness(0.45) contrast(1.5) saturate(0.6);
}
/* Finjustera om du vill:
   grayscale(30%) brightness(0.35) contrast(1.6) saturate(0.4) */

/* ===== TODOS, IKONER etc (om du redan har sådant, behåll) ===== */
/* … */

/* === [LAYER & MARKER UTÖKNINGAR] === */
/* Gemensamt pin-skal (om du kör L.divIcon) */
.pin{
  width:28px; height:28px; border-radius:50%;
  background:#fff; border:2px solid #999;
  display:flex; align-items:center; justify-content:center;
  box-sizing:border-box;
}
.pin-approx{ border-color:#666; }
.pin-approx .apr{ font-weight:700; line-height:1; }

/* “Topplager inom 24h före bokat”-markering:
   Fyra punkter bred prickad kantlinje (visuell förstärkning). */
.pin-top-soon{
  outline:4px dotted #c62828;       /* “fyra punkter bred … kantlinje” */
  outline-offset:2px;
  border-color:#c62828;
}

/* Stäng-kryss i visit_quick */
.vq-close{
  position:fixed; top:10px; right:10px; width:32px; height:32px;
  border-radius:50%; background:rgba(0,0,0,.35); border:0; cursor:pointer;
}
.vq-close::before{
  content:"×"; display:block; line-height:32px; text-align:center;
  font-size:22px; font-weight:700; color:#fff;
}

/* Liten toppmarginal så första rubriken inte hamnar under krysset */
.vq-page{ padding-top:56px; }