.elementor-959 .elementor-element.elementor-element-8505d2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-959 .elementor-element.elementor-element-acd4f11 .elementor-button{background-color:#3AB5B7;font-family:"Titillium Web", Sans-serif;font-size:18px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:5px 5px 5px 5px;padding:10px 20px 10px 20px;}.elementor-959 .elementor-element.elementor-element-acd4f11 .elementor-button-content-wrapper{flex-direction:row;}.elementor-959 .elementor-element.elementor-element-acd4f11 .elementor-button .elementor-button-content-wrapper{gap:14px;}#elementor-popup-modal-959{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-959 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-959 .dialog-close-button{display:flex;}#elementor-popup-modal-959 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for container, class: .elementor-element-8505d2f */:root{
  --db-bg:          #121212;
  --db-card:        #1c1c1c;
  --db-card-2:      #282828;
  --db-border:      #3a3a3a;
  --db-border-soft: #2a2a2a;
  --db-text:        #f4eee1;
  --db-text-2:      #ddd2ba;
  --db-text-3:      #b5ab9b;
  --db-green:       #6c9c62;
  --db-green-deep:  #3e5c39;
  --db-amber:       #d69a4c;
  --db-teal:        #5a9d92;
  --db-teal-hover:  #6bb0a3;
  --db-teal-text:   #12211f;
  --db-font-body:   'Titillium Web', sans-serif;
}

/* -------------------------------------------------------------
   0. Contenitore esterno del dialog manager di Elementor.
   È la vera "scatola" del popup, sta FUORI da .elementor-element-8505d2f:
   di default ha uno sfondo chiaro e un border-radius diverso dal nostro,
   che spuntava agli angoli dietro alla card scura. La rendo trasparente
   e con lo stesso raggio così l'unica superficie visibile è quella scura.
   ------------------------------------------------------------- */
.dialog-widget-content.dialog-lightbox-widget-content{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.dialog-header.dialog-lightbox-header{
  background: transparent !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.dialog-buttons-wrapper.dialog-lightbox-buttons-wrapper{
  background: transparent !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* -------------------------------------------------------------
   1. Pannello del popup
   ------------------------------------------------------------- */
.elementor-element-8505d2f{
  background: var(--db-card) !important;
  border: 1px solid var(--db-border-soft) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.dialog-close-button.dialog-lightbox-close-button{
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  border: 1px solid var(--db-border) !important;
  background: var(--db-card-2) !important;
  color: var(--db-text-2) !important;
  text-decoration: none !important;
  opacity: 1 !important;
  z-index: 5;
}
.dialog-close-button.dialog-lightbox-close-button:hover{
  background: var(--db-card) !important;
  border-color: var(--db-text-3) !important;
  color: var(--db-text) !important;
}
.dialog-close-button.dialog-lightbox-close-button svg{
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* -------------------------------------------------------------
   2. Riepilogo serata (widget HTML in cima al popup)
   ------------------------------------------------------------- */
.elementor-element-c567a91{
  margin: 0 !important;
  padding: 0 !important;
}
.riepilogo-serata{
  position: relative;
  background: var(--db-card-2);
  border-bottom: 1px solid var(--db-border-soft);
  padding: 1.25rem 1.25rem 1.25rem 1.5rem;
  margin: 0;
  min-height: 64px; /* evita il salto di layout nell'istante prima che il JS popoli nome/data/orario */
}
.riepilogo-serata::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--db-green);
}
.riepilogo-serata p{
  font-family: var(--db-font-body);
  margin: 0 0 .3rem;
}
#riepilogo-nome{
  font-family: var(--db-font-body);
  font-size: 20px;
  font-weight: 700;
  color: var(--db-text);
}
#riepilogo-data,
#riepilogo-orario{
  display: inline;
  font-size: 16px;
  color: var(--db-text-2);
}
#riepilogo-data::after{
  content: " · ";
  color: var(--db-text-3);
}

/* -------------------------------------------------------------
   3. Form Forminator
   ------------------------------------------------------------- */
.forminator-custom-form-957{
  padding: 1.5rem 1.25rem 0;
}
.forminator-custom-form-957 .forminator-row:not(.forminator-hidden){
  margin-bottom: 14px !important;
}

.forminator-custom-form-957 .forminator-label{
  font-family: var(--db-font-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: var(--db-text-2) !important;
  margin-bottom: 7px !important;
  display: block !important;
}
.forminator-custom-form-957 .forminator-required{
  color: var(--db-amber) !important;
}
.forminator-custom-form-957 .forminator-description{
  display: block !important;
  font-family: var(--db-font-body) !important;
  font-size: 14px !important;
  color: var(--db-text-3) !important;
  margin: 5px 0 0 !important;
  line-height: 1.45 !important;
}
/* nel markup l'hint dell'email viene prima dell'input; lo rimando
   sotto via ordine flex invece di toccare il DOM generato da Forminator */
#email-1 .forminator-field{
  display: flex !important;
  flex-direction: column !important;
}
#email-1 .forminator-label{ order: 1; }
#email-1 .forminator-input{ order: 2; }
#email-1 .forminator-description{ order: 3; }

.forminator-custom-form-957 .forminator-input,
.forminator-custom-form-957 .forminator-textarea{
  background: var(--db-card-2) !important;
  background-clip: padding-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  border: 1px solid var(--db-border) !important;
  border-radius: 4px !important;
  color: var(--db-text) !important;
  font-family: var(--db-font-body) !important;
  font-size: 16px !important;
  padding: 12px 14px !important;
}
.forminator-custom-form-957 .forminator-input::placeholder,
.forminator-custom-form-957 .forminator-textarea::placeholder{
  color: var(--db-text-3) !important;
}
.forminator-custom-form-957 .forminator-input:focus,
.forminator-custom-form-957 .forminator-textarea:focus{
  outline: none !important;
  border-color: var(--db-green) !important;
  box-shadow: 0 0 0 3px rgba(108,156,98,.18) !important;
}
.forminator-custom-form-957 input[type="number"]::-webkit-inner-spin-button,
.forminator-custom-form-957 input[type="number"]::-webkit-outer-spin-button{
  filter: invert(.6);
}

/* Select2 (Ora / Minuti): il controllo visibile è dentro il form.
   Il dropdown viene appeso fuori dal form nel DOM, ma Forminator gli
   aggiunge le classi .forminator-select-dropdown.forminator-custom-form-957,
   quindi possiamo scoparlo a questo form senza toccare altri select2
   eventualmente presenti altrove sul sito. */
.forminator-custom-form-957 .select2-selection--single{
  background: var(--db-card-2) !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
  border: 1px solid var(--db-border) !important;
  border-radius: 4px !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
}
.forminator-custom-form-957 .select2-selection__rendered{
  color: var(--db-text) !important;
  font-family: var(--db-font-body) !important;
  font-size: 16px !important;
  padding-left: 14px !important;
  line-height: normal !important;
}
.forminator-custom-form-957 .select2-selection__arrow .forminator-icon-chevron-down{
  color: var(--db-text-3) !important;
}
.forminator-custom-form-957 .select2-container--open .select2-selection--single{
  border-color: var(--db-green) !important;
}
#time-1-hours .forminator-label,
#time-1-minutes .forminator-label{
  text-transform: none !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: var(--db-text-3) !important;
}

/* dropdown select2, portato fuori dal form nel markup ma scopato a
   questo form dalle classi che gli aggiunge Forminator */
.forminator-select-dropdown.forminator-custom-form-957{
  background: var(--db-card-2) !important;
  border: 1px solid var(--db-border) !important;
}
.forminator-select-dropdown.forminator-custom-form-957 .select2-search--dropdown .select2-search__field{
  background: var(--db-card) !important;
  border: 1px solid var(--db-border) !important;
  color: var(--db-text) !important;
  font-family: var(--db-font-body) !important;
}
.forminator-select-dropdown.forminator-custom-form-957 .select2-results,
.forminator-select-dropdown.forminator-custom-form-957 .select2-results__options{
  background: var(--db-card-2) !important;
}
.forminator-select-dropdown.forminator-custom-form-957 .select2-results__option{
  background: var(--db-card-2) !important;
  font-family: var(--db-font-body) !important;
  font-size: 16px !important;
  color: var(--db-text-2) !important;
}
.forminator-select-dropdown.forminator-custom-form-957 .select2-results__option--highlighted{
  background: var(--db-green-deep) !important;
  color: var(--db-text) !important;
}
.forminator-select-dropdown.forminator-custom-form-957 .select2-results__option[aria-selected="true"]{
  background: var(--db-card) !important;
  color: var(--db-green) !important;
}
.forminator-select-dropdown.forminator-custom-form-957 .select2-results__options::-webkit-scrollbar{
  width: 6px;
}
.forminator-select-dropdown.forminator-custom-form-957 .select2-results__options::-webkit-scrollbar-track{
  background: var(--db-card-2);
}
.forminator-select-dropdown.forminator-custom-form-957 .select2-results__options::-webkit-scrollbar-thumb{
  background: var(--db-border);
  border-radius: 3px;
}

/* checkbox di consenso: ricoloro solo il box, l'icona di spunta la
   disegna già Forminator internamente su :checked */
.forminator-checkbox-box{
  width: 18px !important;
  height: 18px !important;
  border: 1px solid var(--db-border) !important;
  background: var(--db-card-2) !important;
  border-radius: 3px !important;
}
.forminator-checkbox input:checked ~ .forminator-checkbox-box{
  background: var(--db-green) !important;
  border-color: var(--db-green-deep) !important;
}
.forminator-consent__label p{
  font-family: var(--db-font-body) !important;
  font-size: 15px !important;
  color: var(--db-text-2) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* il bottone nativo Forminator resta nascosto: l'invio è via WhatsApp */
.forminator-button-submit{
  display: none !important;
}

.forminator-edit-module{
  margin-top: 10px;
}
.forminator-edit-module a{
  font-family: var(--db-font-body) !important;
  font-size: 11px !important;
  color: var(--db-text-3) !important;
}

/* -------------------------------------------------------------
   4. Bottone "Invia su WhatsApp"
   ------------------------------------------------------------- */
#btn-whatsapp-prenota{
  padding: 4px 1.25rem 1.75rem !important;
}
#btn-whatsapp-prenota .elementor-button{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  background: var(--db-teal) !important;
  color: var(--db-teal-text) !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 14px 16px !important;
  font-family: var(--db-font-body) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  transition: background .2s ease;
}
#btn-whatsapp-prenota .elementor-button:hover{
  background: var(--db-teal-hover) !important;
}
#btn-whatsapp-prenota .elementor-button-icon svg{
  fill: var(--db-teal-text) !important;
  width: 18px;
  height: 18px;
}/* End custom CSS */