.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-682f799:#978667;--e-global-color-512293f:#4B514D;--e-global-color-3d1ea87:#333333;--e-global-color-43af711:#333333;--e-global-color-9c0c94d:#FAF8F5;--e-global-color-12467ae:#EBD7B2;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-10b0412-font-family:"FONT";--e-global-typography-1251957-font-family:"Nyght Serif Font";--e-global-typography-2113372-font-family:"OrangeAvenueDemoRegular-Jp10K (1)";background-color:#200101;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   HERO: mobile like desktop
   ========================= */

.sb-hero { position: relative; overflow: hidden; }

/* Make the hero behave like a full, centered “cover” area on mobile */
@media (max-width: 767px){

  .sb-hero{
    min-height: 100vh;
  }

  /* Force Elementor inner layout to vertically center */
  .sb-hero .elementor-container,
  .sb-hero .elementor-column,
  .sb-hero .elementor-widget-wrap{
    min-height: 100vh;
  }

  .sb-hero .elementor-widget-wrap{
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 16px !important;
  }

  /* Title scaling (prevents it from “disappearing” on mobile) */
  .sb-hero__title .elementor-heading-title{
    font-size: clamp(44px, 12vw, 72px) !important;
    line-height: 0.95 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  /* Subtitle scaling + spacing */
  .sb-hero__subtitle .elementor-heading-title{
    font-size: clamp(14px, 4.2vw, 18px) !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
  }
}

/* FIX: hero title pushed off-screen on mobile */
@media (max-width: 767px){

  /* container safety: no horizontal overflow */
  .sb-hero,
  .sb-hero *{
    max-width: 100%;
  }

  .sb-hero{
    overflow-x: hidden !important;
  }

  /* hard reset the BIG title */
  .sb-hero__title,
  .sb-hero__title .elementor-widget-container,
  .sb-hero__title .elementor-heading-title{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    translate: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    width: 100% !important;
  }

  /* keep it readable */
  .sb-hero__title .elementor-heading-title{
    font-size: clamp(44px, 12vw, 72px) !important;
    line-height: .95 !important;
    white-space: normal !important;
    word-break: normal !important;
  }
}

@media (max-width: 767px){

  /* remove Elementor widget spacing */
  .sb-hero .elementor-widget{
    margin-bottom: 0 !important;
  }

  /* tiny controlled space between title & subtitle */
  .sb-hero__subtitle{
    margin-top: 1px !important;
  }

}

/* FULLSCREEN HERO — NO BOX */
@media (max-width: 767px){

  /* hero section full screen */
  .sb-hero{
    min-height: 100vh !important;
    height: 100vh !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
  }

  /* remove any container spacing */
  .sb-hero .elementor-container{
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
  }

  /* make image true fullscreen */
  .sb-hero{
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

}


/* ==========================================================
   ROOMS SLIDER + BOOKING FORM (MOBILE) — CLEAN FIX
   - keeps your existing setup, removes the broken static rule
   - prevents slider from painting over booking section
   ========================================================== */
@media (max-width: 767px){

  /* slider section */
  .hover-card{
    position: relative !important;
    z-index: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;      /* key: stops overlap/painting */
    margin-bottom: 32px !important;   /* real spacing */
    padding-bottom: 0 !important;
  }

  /* booking/search form always above */
  .mphb_sc_search-form,
  .mphb_widget_search,
  .mphb-booking-form,
  form.mphb_sc_search-form{
    position: relative !important;
    z-index: 5 !important;
    clear: both !important;
    margin-top: 0 !important;
  }
}

/* =========================
   MOBILE FIX PACK (SAFE)
   ========================= */

/* Stop horizontal swipe / white space */
html, body{
  overflow-x: hidden !important;
  width: 100% !important;
}

/* Make sure Elementor wrappers don't create side overflow */
.elementor,
.elementor *{
  max-width: 100% !important;
}

/* Fix MotoPress datepicker layering (calendar above everything) */
@media (max-width: 767px){
  .datepick-popup,
  .mphb-datepick-popup{
    position: fixed !important;
    z-index: 999999 !important;
  }
}

/* If the slider creates overlap: keep sections in normal flow */
@media (max-width: 767px){
  .hover-card{
    position: relative !important;
    z-index: 1 !important;
    transform: none !important;
    margin-bottom: 24px !important;
  }

  .sb-booking{
    position: relative !important;
    z-index: 2 !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Nyght Serif Font';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sorellecarbonitonara.it/wp-content/uploads/2026/01/NyghtSerif-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */