.elementor-28702 .elementor-element.elementor-element-b98a7e5{--display:flex;--min-height:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-28702 .elementor-element.elementor-element-ac70931 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-28702 .elementor-element.elementor-element-ac70931{text-align:center;}.elementor-28702 .elementor-element.elementor-element-ac70931 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;letter-spacing:0px;word-spacing:0px;}.elementor-28702 .elementor-element.elementor-element-e6a5168 > .elementor-widget-container{background-color:var( --e-global-color-primary );margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}#elementor-popup-modal-28702 .dialog-widget-content{animation-duration:0s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-28702 .dialog-message{width:857px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-28702{justify-content:center;align-items:center;}#elementor-popup-modal-28702 .dialog-close-button{display:flex;top:49px;background-color:var( --e-global-color-primary );font-size:40px;}body:not(.rtl) #elementor-popup-modal-28702 .dialog-close-button{right:58px;}body.rtl #elementor-popup-modal-28702 .dialog-close-button{left:58px;}#elementor-popup-modal-28702 .dialog-close-button i{color:var( --e-global-color-accent );}#elementor-popup-modal-28702 .dialog-close-button svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}#elementor-popup-modal-28702 .dialog-message{width:699px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-28702 .elementor-element.elementor-element-ac70931 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-28702 .elementor-element.elementor-element-ac70931{text-align:center;}.elementor-28702 .elementor-element.elementor-element-ac70931 .elementor-heading-title{font-size:15px;}.elementor-28702 .elementor-element.elementor-element-e6a5168{width:100%;max-width:100%;}.elementor-28702 .elementor-element.elementor-element-e6a5168 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}.elementor-28702 .elementor-element.elementor-element-e6a5168.elementor-element{--align-self:center;}#elementor-popup-modal-28702 .dialog-message{width:1000px;padding:0px 0px 0px 0px;}#elementor-popup-modal-28702{justify-content:center;align-items:center;}#elementor-popup-modal-28702 .dialog-close-button{top:47px;font-size:48px;}body:not(.rtl) #elementor-popup-modal-28702 .dialog-close-button{right:35px;}body.rtl #elementor-popup-modal-28702 .dialog-close-button{left:35px;}}/* Start custom CSS for html, class: .elementor-element-e6a5168 *//* evita che il bordo “esca” dal box e venga clippato */
#ONLY_HOTEL{ background-clip: padding-box; }
/* Bootstrap container: elimina padding laterale */
#ONLY_HOTEL.container-fluid{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* La tua sb-wrap gestisce il padding “giusto” */
.sb-wrap{
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* Row senza margini negativi */
#ONLY_HOTEL .row{
  margin-left: 0 !important;
  margin-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b98a7e5 *//* =========================================================
   HI-LAND | Popup Searchbox (Elementor) — Template ID 28702
   Scope: SOLO popup che contiene .elementor-28702
   ========================================================= */

/* overlay (sfondo dietro) */
.elementor-popup-modal:has(.elementor-28702){
  background: rgba(0,0,0,.55) !important;
  backdrop-filter: blur(8px);
}

/* contenitore principale del popup */
.elementor-popup-modal .elementor-28702{
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 70px rgba(0,0,0,.35);
}

/* azzera padding/spacing “strani” di Elementor dentro il popup */
.elementor-popup-modal .elementor-28702 .elementor-section,
.elementor-popup-modal .elementor-28702 .elementor-container,
.elementor-popup-modal .elementor-28702 .elementor-column,
.elementor-popup-modal .elementor-28702 .elementor-widget-wrap{
  margin: 0 !important;
}

/* se vuoi un minimo di aria globale, metti padding al primo container */
.elementor-popup-modal .elementor-28702{
  background: #ffffff;
}

/* ---------- HEADER (titolo + riga) ---------- */
/* Titolo (Heading) — stile coerente con brand */
.elementor-popup-modal .elementor-28702 .elementor-heading-title{
  font-weight: 800;
  letter-spacing: .2px;
  line-height: 1.15;
  margin: 0 !important;
}

/* Se hai un Divider sotto il titolo, rendilo “bar” */
.elementor-popup-modal .elementor-28702 .elementor-divider{
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}
.elementor-popup-modal .elementor-28702 .elementor-divider-separator{
  height: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #2aa7ff, #5baed6) !important;
}

/* ---------- BODY (area iframe) ---------- */
/* Se l’iframe sta in un container con bg azzurro, “ammorbidiamo” */
.elementor-popup-modal .elementor-28702 .elementor-widget-html{
  background: #f4fbff;
  border-radius: 16px;
  padding: 14px;
}

/* iframe responsive e senza bordi */
.elementor-popup-modal .elementor-28702 iframe{
  width: 100% !important;
  border: 0 !important;
  border-radius: 14px;
  background: transparent;
  display: block;
}

/* ---------- CLOSE BUTTON (X) ---------- */
.elementor-popup-modal:has(.elementor-28702) .dialog-close-button{
  top: 14px !important;
  right: 14px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.08) !important;
  transition: transform .15s ease, background .15s ease;
}
.elementor-popup-modal:has(.elementor-28702) .dialog-close-button:hover{
  background: rgba(0,0,0,.14) !important;
  transform: scale(1.05);
}

/* icona X più leggibile */
.elementor-popup-modal:has(.elementor-28702) .dialog-close-button i{
  font-size: 18px !important;
}

/* ---------- DIMENSIONI POPUP ---------- */
/* Desktop: larghezza elegante */
.elementor-popup-modal:has(.elementor-28702) .dialog-widget-content{
  max-width: 860px !important;   /* regola se lo vuoi più stretto */
  width: calc(100% - 48px) !important;
}

/* Mobile: quasi full-screen, ma con margini */
@media (max-width: 767px){
  .elementor-popup-modal:has(.elementor-28702) .dialog-widget-content{
    width: calc(100% - 20px) !important;
    max-width: 560px !important;
    border-radius: 18px !important;
  }

  .elementor-popup-modal .elementor-28702 .elementor-widget-html{
    padding: 12px;
    border-radius: 14px;
  }

  .elementor-popup-modal:has(.elementor-28702) .dialog-close-button{
    top: 10px !important;
    right: 10px !important;
    width: 38px !important;
    height: 38px !important;
  }
}

/* ---------- OPTIONAL: togli scroll inutili dentro popup ---------- */
.elementor-popup-modal:has(.elementor-28702) .dialog-message{
  overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   POPUP SEARCHBOX – CSS FINALE (Elementor Popup ID 28702)
   Incolla in: Template Popup 28702 > Impostazioni pagina > CSS personalizzato
========================================================= */

#elementor-popup-modal-28702{
  --hl-gap: 16px;
  --hl-radius: 18px;
  --hl-safe: 3px; /* ✅ anti taglio 1-2px */
}

/* Box del popup (contenitore bianco) */
#elementor-popup-modal-28702 .dialog-widget-content{
  width: min(980px, calc(100vw - var(--hl-gap))) !important;
  max-height: calc(100vh - var(--hl-gap)) !important;

  /* ✅ niente altezze forzate */
  height: auto !important;
  min-height: 0 !important;

  border-radius: var(--hl-radius) !important;

  /* ✅ serve per far rispettare il border-radius */
  overflow: hidden !important;

  /* ✅ QUESTO è il fix del “mangiato a destra” */
  padding: var(--hl-safe) !important;

  background: #fff !important;
}

/* Wrapper interno del contenuto */
#elementor-popup-modal-28702 .dialog-message{
  padding: 0 !important;
  margin: 0 !important;

  height: auto !important;
  min-height: 0 !important;

  overflow: hidden !important;
}

/* Reset padding/margini Elementor */
#elementor-popup-modal-28702 .elementor,
#elementor-popup-modal-28702 .elementor-section,
#elementor-popup-modal-28702 .elementor-container,
#elementor-popup-modal-28702 .elementor-column,
#elementor-popup-modal-28702 .elementor-widget-wrap{
  margin: 0 !important;
  padding: 0 !important;
}

/* Widget HTML che contiene iframe */
#elementor-popup-modal-28702 .elementor-widget-html,
#elementor-popup-modal-28702 .elementor-widget-html .elementor-widget-container{
  margin: 0 !important;
  padding: 0 !important;
}

/* Iframe */
#elementor-popup-modal-28702 iframe#sbOnlyHotelIframe{
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;

  height: auto !important;
  min-height: 520px !important;
}

/* X nativa Elementor */
#elementor-popup-modal-28702 .dialog-close-button{
  top: 12px !important;
  right: 12px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.06) !important;
  z-index: 99999 !important;
}

/* MOBILE */
@media (max-width: 767px){
  #elementor-popup-modal-28702{
    --hl-gap: 12px;
    --hl-radius: 16px;
    --hl-safe: 3px;
  }

  #elementor-popup-modal-28702 iframe#sbOnlyHotelIframe{
    min-height: 640px !important;
  }
}
/* =========================================================
   FIX DEFINITIVO: padding/margini fantasma Elementor
========================================================= */

#elementor-popup-modal-28702 .elementor,
#elementor-popup-modal-28702 .elementor-section,
#elementor-popup-modal-28702 .elementor-container,
#elementor-popup-modal-28702 .elementor-column,
#elementor-popup-modal-28702 .elementor-widget-wrap,
#elementor-popup-modal-28702 .elementor-widget{
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Widget HTML (iframe) */
#elementor-popup-modal-28702 .elementor-widget-html{
  margin: 0 !important;
  padding: 0 !important;
}

/* sicurezza extra */
#elementor-popup-modal-28702 .elementor-widget-html > .elementor-widget-container{
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
/* =========================================================
   FULL BLEED: l’iframe deve occupare TUTTA la larghezza del popup
========================================================= */

#elementor-popup-modal-28702 .dialog-message,
#elementor-popup-modal-28702 .elementor,
#elementor-popup-modal-28702 .elementor-section,
#elementor-popup-modal-28702 .elementor-container,
#elementor-popup-modal-28702 .elementor-column,
#elementor-popup-modal-28702 .elementor-widget-wrap,
#elementor-popup-modal-28702 .elementor-widget,
#elementor-popup-modal-28702 .elementor-widget-html,
#elementor-popup-modal-28702 .elementor-widget-html .elementor-widget-container{
  width: 100% !important;
  max-width: none !important;   /* ✅ toglie qualsiasi max-width */
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* iframe full width */
#elementor-popup-modal-28702 iframe#sbOnlyHotelIframe{
  width: 100% !important;
  max-width: none !important;   /* ✅ */
  display: block !important;
}/* End custom CSS */