/* «DOVE» NELLA PAGINA DI UN LOCALE (10/11/2026) — la finestra con la mappa:
   un'isola al centro, sopra un velo, come i modal del sito (mai il foglio che
   sale dal basso). La pagina sotto non si tocca: chiudendo si resta lì.
   I bottoni sono quadrati: si toccano. Prefisso `ldv-`. Vedi dove.js. */
.ldv{ position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center;
  padding:max(16px, env(safe-area-inset-top, 0px)) 16px max(16px, env(safe-area-inset-bottom, 0px));
  background:rgba(10,18,28,.62); }
.ldv[hidden]{ display:none; }
.ldv-isola{ position:relative; width:min(100%, 460px); height:min(72svh, 620px); border-radius:20px; overflow:hidden;
  background:#e8edf1; box-shadow:0 24px 60px -20px rgba(0,0,0,.6); }
.ldv-mappa{ position:absolute; inset:0; }
/* La carta sta DENTRO un riquadro con le sue misure: MapLibre mette il suo
   contenitore in `position:relative`, e un `inset:0` messo su di lui spariva —
   la carta nasceva alta zero. */
.ldv-carta{ width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  color:#3a4450; font-size:.95rem; text-align:center; }
.ldv-x{ position:absolute; z-index:3; top:10px; left:10px; width:40px; height:40px; border:0; border-radius:50%;
  background:rgba(255,255,255,.95); color:#161f27; font-size:1.5rem; line-height:1; cursor:pointer;
  box-shadow:0 4px 12px -4px rgba(0,0,0,.4); }
.ldv-comandi{ position:absolute; z-index:3; top:10px; right:10px; display:flex; flex-direction:column; gap:8px; }
.ldv-tasto{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; border:0; border-radius:12px;
  background:#fff; color:#161f27; font-size:1.05rem; font-weight:800; text-decoration:none; cursor:pointer;
  box-shadow:0 4px 12px -4px rgba(0,0,0,.4); }
.ldv-tasto:active{ background:#f1f4f7; }
/* ST: la mappa grande di SicilyTravel. Il segno del sito, in Lobster, sul blu. */
.ldv-st{ background:#0a3d62; color:#fff; font-family:'Lobster', cursive; font-weight:400; font-size:1.15rem; }
.ldv-st:active{ background:#12294a; }
.ldv-cerca{ animation:ldv-gira 1s linear infinite; }
@keyframes ldv-gira{ to{ transform:rotate(360deg); } }