/* ==========================================
   popup-forms.css
   Stili per i popup dei form Elementor
   ========================================== */

/* Nasconde i container form1, form2, ecc. al caricamento pagina */
.form-hidden {
  display: none !important;
}

/* Overlay scuro di sfondo */
.popup-forms-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99999;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}

.popup-forms-overlay.active {
  display: flex;
}

/* Box bianco della modale */
.popup-forms-box {
  background: #fff;
  border-radius: 8px;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  padding: 40px 30px 30px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  animation: popup-forms-fade-in 0.25s ease;
}

@keyframes popup-forms-fade-in {
  from { opacity: 0; transform: translateY(-15px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Pulsante di chiusura */
.popup-forms-close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: #333;
}

.popup-forms-close:hover {
  color: #000;
}

/* Impedisce lo scroll della pagina quando la modale è aperta */
body.popup-forms-open {
  overflow: hidden;
}