/* ArcheoMap overrides.css v302
   Last-mile visual overrides that must win over styles.css / Leaflet / plugins. */

/* Leaflet cluster iconography tweaks for megalithic theme */
.marker-cluster{
  background:rgba(230,137,26,.18) !important;
  border:2px solid rgba(230,137,26,.45) !important;
}
.marker-cluster div{
  background:rgba(230,137,26,.85) !important;
  color:#fff !important;
  font-weight:700 !important;
}

/* Prevent FAB groups from old builds clashing with petal menu */
#wheelNav,.fab-group,.fab-ai{display:none !important}

/* Body / map stacking sanity */
body{-webkit-text-size-adjust:100%}
#map{z-index:1}

/* === v313.154.54 — Fix flash colore mappa durante zoom ==============
   La base map è cartocdn `dark_all` (toni scuri). Senza un background
   esplicito, .leaflet-container fall-backka al default Leaflet `#ddd`
   (grigio chiaro) durante le transizioni di zoom e mentre i tile non
   sono ancora caricati: si vede una "lampada" colorata sotto le
   tessere per pochi frame.
   Soluzione: settare lo stesso colore-base delle tile dark_all così
   il fill durante lo zoom è invisibile. */
html body .leaflet-container{
  background:#1a1f2e !important;  /* matches cartocdn dark_all dominant tone */
}

/* Dark panel surface tuning (gold accents) */
:root{
  --am-gold:#f0c040;
  --am-gold-deep:#b8860b;
  --am-clay:#e6891a;
  --am-stone:#8D6E63;
}

/* === v302 top-right stacking fix ============================
   Layers in the top-right corner were overlapping:
   1. .topbar                  (y 0-65, z:900)
   2. #v109AdminLiveBar        (y 69-104, z:950, fixed by admin-bar-patch.js)
   3. .aup-menu-btn ("I miei contributi") — was top:50px → overlapped 1+2
   4. #__archeo_counter_banner ("186 siti scoperti") — was top:90px → overlapped 2
   These are placed by runtime-injected <style> blocks (user-profile.js
   crea .aup-menu-btn con !important top:50px; sites-counter-patch.js crea
   #__archeo_counter_banner con !important top:90px). Per vincere su quelli
   alziamo la specificity prefissando `body` — stesso !important ma selettore
   più specifico → override robusto senza toccare la sorgente JS. */
body .aup-menu-btn{ top:112px !important; }
body #__archeo_counter_banner{ top:148px !important; }

/* === v302 bottom-left cleanup ================================
   #uploadFabProminent era una vecchia "+" FAB per caricare foto.
   Il nuovo petal menu copre già "Segnala" (⛏️) in basso al centro,
   quindi la vecchia FAB è duplicata e appariva isolata a sinistra-basso. */
body #uploadFabProminent{ display:none !important; }

/* === v302 hide legacy petal-ring =============================
   In index.html esisteva ancora il vecchio wheel v259:
     <button id=petalToggle data-action="togglePetalRing">🏛
     <div    id=petalRing>… 6 .petal-item …</div>
   e veniva aperto cliccando la brand-icon 🏛 nel topbar (stessa
   data-action="togglePetalRing"). Risultato: due "home petali"
   simultanei — il nuovo #petalFab in basso e il vecchio ring
   che sbocciava al centro-destra. Nascondiamo il legacy via CSS
   con specificity body+id per vincere su ogni rule di styles.css.
   La funzione togglePetalRing() continua a girare a vuoto (display:none
   !important vince sul toggle di classe), nessun JS rotto. */
body #petalRing,
body #petalToggle,
body .petal-ring,
body .petal-ring-toggle{ display:none !important; }

/* === v1.18.15 single cache banner ============================
   Il banner aggiornamento canonico e' #__archeo_cb_banner, gestito da
   cache-buster-bootstrap.js. I banner legacy restano nascosti per evitare
   doppioni gialli/sovrapposti durante deploy o sessioni con asset misti. */
body #__archeo_cb109_banner,
body #__archeo_update_banner,
body #archeo-update-toast{
  display:none !important;
  pointer-events:none !important;
}

/* === v1.18.16 pin identity guard ============================
   I picconi sono azioni/segnalazioni temporanee, non l'identita' visiva
   dei siti sulla mappa. Se asset vecchi o cache mista trasformano un pin
   persistente in .archeo-community-pickaxe-icon, lo rendiamo comunque
   graficamente un pin ArcheoMap leggibile. */
body .leaflet-marker-icon.archeo-community-pickaxe-icon:not(.am-transient-pickaxe){
  width:34px !important;
  height:34px !important;
  margin-left:-17px !important;
  margin-top:-17px !important;
  background:transparent !important;
  border:0 !important;
}
body .leaflet-marker-icon.archeo-community-pickaxe-icon:not(.am-transient-pickaxe) .archeo-community-pickaxe-inner{
  width:30px !important;
  height:30px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#f5d070 0%,#e0a820 100%) !important;
  border:2px solid #fff !important;
  box-shadow:0 3px 8px rgba(0,0,0,.35),inset 0 1px 2px rgba(255,255,255,.38) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  filter:none !important;
}
body .leaflet-marker-icon.archeo-community-pickaxe-icon:not(.am-transient-pickaxe) .archeo-community-pickaxe-inner::before{
  content:"🏛";
  font-size:17px;
  line-height:1;
}
@media (max-width:768px){
  body .leaflet-marker-icon.archeo-community-pickaxe-icon:not(.am-transient-pickaxe){
    width:42px !important;
    height:42px !important;
    margin-left:-21px !important;
    margin-top:-21px !important;
  }
  body .leaflet-marker-icon.archeo-community-pickaxe-icon:not(.am-transient-pickaxe) .archeo-community-pickaxe-inner{
    width:34px !important;
    height:34px !important;
  }
  body .leaflet-marker-icon.archeo-community-pickaxe-icon:not(.am-transient-pickaxe) .archeo-community-pickaxe-inner::before{
    font-size:19px;
  }
}

/* === v1.18.14 detail-open stacking guard =====================
   Il detail moderno (#archeoDetailApp) e il detail legacy (#detail)
   devono essere il layer dominante quando sono aperti. La search v2
   vive a z-index 8900 per stare sopra i filtri, quindi senza questa
   guardia puo' coprire titolo e testo del pannello dettaglio. */
body:has(#archeoDetailApp.open) #archeoSearchShell,
body:has(#detail.open) #archeoSearchShell,
body:has(#archeoDetailApp.open) #__archeo_search_toggle_ui,
body:has(#detail.open) #__archeo_search_toggle_ui,
body:has(#archeoDetailApp.open) #petalFab,
body:has(#detail.open) #petalFab,
body:has(#archeoDetailApp.open) #petalOverlay,
body:has(#detail.open) #petalOverlay{
  z-index:4400 !important;
}

body:has(#detail.open) #detail{
  z-index:5000 !important;
}

body:has(#archeoDetailApp.open) #archeoTopbarSwipeZone,
body:has(#detail.open) #archeoTopbarSwipeZone{
  display:none !important;
  pointer-events:none !important;
}

body:has(#archeoDetailApp.open) .topbar .lang-btn,
body:has(#archeoDetailApp.open) .topbar #themeToggle,
body:has(#archeoDetailApp.open) .topbar #weatherWidget,
body:has(#archeoDetailApp.open) .topbar .trip-topbar-btn,
body:has(#archeoDetailApp.open) .topbar #rewardsBadge,
body:has(#archeoDetailApp.open) .topbar #profileGoogleBtn,
body:has(#archeoDetailApp.open) .topbar .rewards-badge,
body:has(#archeoDetailApp.open) .topbar .user-chip,
body:has(#archeoDetailApp.open) .topbar .profile-chip{
  display:none !important;
}

@media (max-width:767px){
  body:has(#archeoDetailApp.open) #archeoSearchShell,
  body:has(#detail.open) #archeoSearchShell,
  body:has(#archeoDetailApp.open) .topbar,
  body:has(#archeoDetailApp.open) #__archeo_counter_banner,
  body:has(#detail.open) #__archeo_counter_banner{
    display:none !important;
  }
}