/* ═══════════════════════════════════════════════════════════════
   leaflet-overrides.css — Leaflet styling for Kinetic Precision
   Extracted from inline <style> for CSP compliance (SEC-009)
   Used by: index.html, en/index.html
   ═══════════════════════════════════════════════════════════════ */

/* Leaflet popup override for Kinetic Precision */
.leaflet-popup-content-wrapper {
  background: #131313 !important;
  color: #f1f5f9 !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.6) !important;
}
.leaflet-popup-tip { background: #131313 !important; }
.leaflet-popup-close-button { color: #C0CAAD !important; }
.leaflet-control-zoom a {
  background: rgba(26,26,26,0.8) !important;
  color: #C0CAAD !important;
  border-color: rgba(255,255,255,0.05) !important;
  backdrop-filter: blur(12px);
}
.leaflet-control-zoom a:hover {
  background: rgba(30,30,30,0.9) !important;
  color: #A1FB00 !important;
}

/* Globe container */
#globe-container { width:100%; height:550px; background:#0a0a0a; cursor:grab; }
#globe-container canvas { border-radius: var(--radius-xl); }
.map-cinema { position:relative; }
.map-cinema__globe { transition: opacity 1s ease-in-out; }
.map-cinema__globe.is-hidden { opacity:0; pointer-events:none; position:absolute; inset:0; }
.map-cinema__leaflet { transition: opacity 1s ease-in-out; opacity:0; }
.map-cinema__leaflet.is-visible { opacity:1; }
.delivery-badge { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); z-index:600; background:rgba(161,251,0,0.95); color:#000; font-family:'Outfit',sans-serif; font-weight:800; font-size:1.4rem; padding:16px 40px; border-radius:12px; letter-spacing:0.05em; box-shadow:0 0 40px rgba(161,251,0,0.4); transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1); }
.delivery-badge.is-visible { transform:translate(-50%,-50%) scale(1); }