/* ==========================================================================
   ArcheoMap — Modal/Overlay UX overhaul (v313.134-MODAL-UX)
   --------------------------------------------------------------------------
   Problema: i modal/banner (newsletter, onboarding, v80InterestOverlay)
   avevano z-index 9985-9999, mentre il FAB centrale #petalOverlay aveva
   z-index 10040 → il FAB copriva il pulsante "No grazie / Non ora".
   --------------------------------------------------------------------------
   Regole uniformi:
   1) Tutti i modal/overlay → z-index 99000 (sopra FAB e qualunque altro UI).
   2) Posizionamento fixed inset:0 + flex centering verticale/orizzontale.
   3) FAB e UI di mappa restano a z-index ≤ 10040 (sotto i modal).
   ========================================================================== */

/* 1) Modal/overlay sopra TUTTO */
#newsletterModal,
.nl-modal,
#onboardingOverlay,
.onboarding-overlay,
.v80-interest-overlay,
#v80InterestOverlay,
#adminDeleteModalV64,
#archeoUndoToast,
[id$="ModalOverlay"],
[class*="modal-overlay"],
.center-modal {
  z-index: 99000 !important;
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

/* 2) Card interna posizionata relativa per ospitare la X */
#newsletterModal .nl-card,
.v80-interest-modal,
.onboarding-card,
.center-modal-card {
  position: relative !important;
  max-width: min(420px, calc(100vw - 40px)) !important;
  width: 100% !important;
}

/* 3) X di chiusura uniforme (iniettata da js/modal-uxify.js come .modal-x-close) */
.modal-x-close {
  position: absolute !important;
  top: 8px !important;
  right: 10px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: none !important;
  background: rgba(0,0,0,.06) !important;
  color: #555 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: background .15s ease, transform .15s ease !important;
}
.modal-x-close:hover {
  background: rgba(0,0,0,.12) !important;
  transform: scale(1.05) !important;
}

/* 4) Backdrop scuro coerente */
#newsletterModal,
.nl-modal,
#onboardingOverlay,
.v80-interest-overlay {
  background: rgba(0,0,0,.55) !important;
}