/* ===== Qlock-like Hero ===== */
.qlock-hero { padding:0; margin:0; }

.qlock-topbar{
  display:flex; gap:10px; align-items:center; justify-content:center;
  padding:10px 12px; background:var(--surface-2, #16181d);
  border-bottom:1px solid var(--border, #2a2d34);
}
#qlockSearch{
  width:min(560px, 90vw); max-width:100%;
  padding:10px 12px; border-radius:10px;
  border:1px solid var(--border, #2a2d34); background:var(--surface, #0b0e13);
  color:var(--ink, #e5e7eb); outline:none; font-size:14px;
}
#qlockMap{ width:100%; height:60vh; }

/* Tooltips */
.qlock-tt .leaflet-tooltip-content{ margin:0; }
.qlock-tt{
  background: var(--card, #111);
  color: var(--ink, #e5e7eb);
  border: 1px solid var(--border, #374151);
  border-radius: 8px;
  padding: 8px 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.qlock-tt .city{ font-weight:700; font-size:13px; margin-bottom:2px; }
.qlock-tt .time{ font-size:12px; opacity:.95; white-space:nowrap; }

/* === Light theme fixes pentru Qlock === */
[data-theme="light"] .qlock-topbar{
  background:#f8fafc;
  border-bottom:1px solid #e5e7eb;
  color:#111827;
}
[data-theme="light"] #qlockSearch{
  background:#ffffff;
  color:#111827;
  border:1px solid #d1d5db;
}
[data-theme="light"] #qlockSearch::placeholder{ color:#9ca3af; }

[data-theme="light"] #qlockMap{ background:#ffffff; }  /* să nu mai pară “negru” sub tiles */

/* Tooltip Qlock (Leaflet) în light */
[data-theme="light"] .leaflet-tooltip.qlock-tt{
  background:#ffffff;
  color:#111827;
  border:1px solid #e5e7eb;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
[data-theme="light"] .leaflet-tooltip.qlock-tt .city{ color:#111827; }
[data-theme="light"] .leaflet-tooltip.qlock-tt .time{ color:#374151; }

/* --- Panes & overlay (ordine corectă, fără umbre peste puncte) --- */
#qlockMap .leaflet-pane.nightPane    { z-index:300 !important; pointer-events:none; }
#qlockMap .leaflet-pane.cityDotsPane { z-index:650 !important; }
#qlockMap .leaflet-pane.cityHitPane  { z-index:651 !important; }
#qlockMap .leaflet-tooltip-pane      { z-index:1000 !important; }
#qlockMap .leaflet-popup-pane        { z-index:1100 !important; }

#qlockMap .nightOverlay { pointer-events:none; mix-blend-mode:normal; }

/* GPU hint pentru transformări fluide */
#qlockMap .leaflet-pane { will-change: transform; }
/* când e ascuns, să nu mai capteze nimic */
.city-info.hidden{
  display: none !important;
  pointer-events: none !important;
}