@font-face {
    font-family: 'Inter';
    src: url('https://fonts.wp.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2') format('woff2');
    font-display: swap;
}

/* NESTED VERSION */
#masthead {
  position: fixed !important;
  top: 0; left: 0; width: 100%;
  z-index: 9999;

  & .elementor-element-210946b {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 30px;
    box-sizing: border-box;
    transition: background-color .3s ease, box-shadow .3s ease, padding .3s ease, color .3s ease;
    
    & > .elementor-element,
    & > .e-con-child,
    & > .e-con {
      display: flex !important;
      align-items: center !important;
    }
  }


  /* Scrolled state (applies everywhere) */
  &.scrolled .elementor-element-210946b {
    background: #F9F6F1 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    padding: 10px 30px; /* shrink */
    color: #2C2E45 !important;
  }

  &.scrolled .elementor-element-210946b a,
  &.scrolled .elementor-element-210946b .elementor-heading-title,
  &.scrolled .elementor-element-210946b .hfe-nav-menu a {
    color: #2C2E45 !important;
  }

  /* Make nav truly full width */
  & .hfe-nav-menu {
    width: 100% !important;

    & nav {
      width: 100% !important;

      & > ul {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important; /* or space-evenly/center */
      }
    }
  }
}

/* WP admin bar offset */
body.admin-bar #masthead { top: 32px; }
@media (max-width: 782px) { body.admin-bar #masthead { top: 46px; } }

/*mobile header */

/* 📱 Mobile Header – perfect spacing and alignment */
@media (max-width: 1025px) {
  /* lock header to top */
  #masthead {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    z-index: 9999;
    margin: 0 !important;
    padding: 0 !important;
		
		&.scrolled .elementor-element-210946b { padding: 0px 0px; }
  }

  /* main mobile header container */
  #masthead .elementor-element-8dd809d {
    display: flex !important;
    flex-direction: row !important;
    align-items: end !important;
    justify-content: space-between !important;
    width: 100%;
    padding: 12px 40px !important;   /* ← same feel as desktop */
    margin: 0 !important;
    background: transparent !important;
    box-sizing: border-box;
    transition: background-color .3s ease, box-shadow .3s ease, padding .3s ease, color .3s ease;
  }

  /* make sure inner wrappers behave */
  #masthead .elementor-element-8dd809d .e-con,
  #masthead .elementor-element-8dd809d .e-con-child,
  #masthead .elementor-element-8dd809d .elementor-element {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    gap: 24px !important; /* nice breathing room between logo/title/menu */
  }

  /* remove any default Elementor padding */
  #masthead .elementor-element-8dd809d > .e-con,
  #masthead .elementor-element-8dd809d > .e-con-child {
    padding: 0 !important;
    margin: 0 !important;
  }


  /* scrolled version – shrink padding like desktop */
  #masthead.scrolled .elementor-element-8dd809d {
    background: #F9F6F1 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    padding: 40px 32px !important;
    color: #2C2E45 !important;
  }
  #masthead.scrolled .elementor-element-8dd809d a,
  #masthead.scrolled .elementor-element-8dd809d .elementor-heading-title,
  #masthead.scrolled .elementor-element-8dd809d .hfe-nav-menu a {
    color: #2C2E45 !important;
  }
  #masthead.scrolled .elementor-element-8dd809d .hfe-site-logo-img {
    filter: none;
  }

  /* nav alignment fix */
  #masthead .elementor-element-8dd809d .hfe-nav-menu nav > ul {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* hide on desktop */
@media (min-width: 1026px) {
  #masthead .elementor-element-8dd809d {
    display: none !important;
  }
}

/* 🔧 Fix mobile header alignment + spacing */
@media (max-width: 1025px) {
  /* Center title & logo perfectly */
  #masthead .elementor-element-8dd809d .elementor-heading-title {
    display: flex;
    align-items: center;
    margin: 0 !important;
    line-height: 02.02em;
  }

  /* Make sure both left and right containers vertically center */
  #masthead .elementor-element-8dd809d .e-con-child {
    display: flex !important;
    align-items: center !important;
  }

  /* Give breathing room on right side (hamburger) */
  #masthead .elementor-element-8dd809d .hfe-nav-menu__toggle {
    padding-right: 14px !important; /* adds space from edge */
  }

  /* Optional: tighten logo + text spacing if needed */
  #masthead .elementor-element-8dd809d h2.elementor-heading-title {
    font-size: 1.1rem;
    margin-left: 25px;
  }
}



/* 🌴 Adonis Resort — Elegant Navy Booking Calendar */
/* Applies to inline and popup calendars */

.mphb-calendar,
.datepick-popup,
.mphb-datepick-popup {
  background: #fff;
  border: none;
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  font-family: "Poppins", "Inter", sans-serif;
  width: fit-content;
}

/* ---------- HEADER (Prev / Today / Next) ---------- */
.datepick-nav {
  background: #001F3F;
  color: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.datepick-nav a {
  color: #fff !important;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}
.datepick-nav a:hover {
  color: #7dd3fc !important;
}

/* ---------- MONTH HEADERS ---------- */
.datepick-month-header {
  background: #001F3F;
  color: #fff;
  font-weight: 600;
  text-align: center;
  border-radius: 6px 6px 0 0;
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
}
.datepick-month-header select.datepick-month-year {
  background: #fff;
  color: #001F3F;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  padding: 4px 6px;
  height: 36px;
  font-size: 13px;
  margin: 0 4px;
}

/* ---------- CALENDAR LAYOUT ---------- */
.datepick-multi,
.datepick-month.first,
.datepick-month.last,
table, th, td {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ---------- WEEKDAYS ---------- */
.datepick-days-cell {
  color: #001F3F;
  font-weight: 600;
  background: #f9f9f9;
  padding: 6px;
  border-bottom: 1px solid #eaeaea;
}

/* ---------- DATES ---------- */
.mphb-date-cell.mphb-available-date {
  background: #fff;
  color: #001F3F;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.mphb-date-cell.mphb-available-date:hover {
  background: #e6f0ff;
  color: #0038a8;
  transform: scale(1.05);
  font-weight: 600;
}
.mphb-date-cell.mphb-past-date,
.mphb-date-cell.mphb-unavailable-date {
  background: #f6f6f6;
  color: #ccc;
  text-decoration: line-through;
  cursor: not-allowed;
  border-radius: 6px;
}
.mphb-date-cell.datepick-selected {
  background: #0038a8 !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 6px;
}
.mphb-date-cell.datepick-today {
  outline: 2px solid #0038a8 !important;
  outline-offset: -2px;
  border-radius: 6px;
}

/* ---------- TOOLTIP ---------- */
.datepick-tooltip {
  background: #001F3F !important;
  color: #fff !important;
  font-size: 13px;
  border-radius: 5px;
  padding: 6px 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.datepick-ctrl {
  background: #ffffff !important;
  padding: 10px 12px !important;
  border-radius: 0 0 12px 12px !important;
}

/* ---------- POPUP BUTTONS (Clear / Close) ---------- */
.datepick-popup .datepick-cmd {
  color: #001F3F !important;
  font-weight: 600;
  background: #f4f7fb !important;
  border-radius: 6px;
  padding: 6px 10px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.datepick-popup .datepick-cmd:hover {
  background: #001F3F !important;
  color: #fff !important;
}

/* Prevent weird plus-like artifacts from border radius overlap */
.mphb-date-cell {
  border-radius: 0 !important;       /* remove rounding from all date cells */
  overflow: hidden !important;       /* prevent corner bleeding */
}

/* Keep hover/selected cells clean */
.mphb-date-cell.mphb-available-date:hover,
.mphb-date-cell.datepick-selected,
.mphb-date-cell.datepick-today {
  border-radius: 0 !important;
}
@media screen and (max-width: 1025px) {
  [data-id="210946b"],
  .elementor-element-210946b,
  #elementor-element-210946b {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}


/* 📱 MotoPress Datepicker — single centered month on mobile */
@media (max-width: 767px) {

  /* Hide the second month */
  .datepick-popup .datepick-month.last,
  .mphb-datepick-popup .datepick-month.last {
    display: none !important;
  }

  /* First month: full width, no float */
  .datepick-popup .datepick-month.first,
  .mphb-datepick-popup .datepick-month.first {
    width: 100% !important;
    float: none !important;
  }

  /* Override the inline width that’s set for 2 months */
  .datepick-popup .datepick,
  .datepick-popup .mphb-datepick-popup {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Center the popup on screen */
  .datepick-popup {
    left: 50% !important;          /* ignore left: 0px from inline style */
    right: auto !important;
    transform: translateX(-50%) scale(0.9); /* center + shrink */
    transform-origin: top center;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box;
  }

  /* (Important) don’t scale the inner calendar again */
  .mphb-datepick-popup {
    transform: none !important;
  }

  /* Optional: tweak font sizes for mobile */
  .datepick-nav a,
  .datepick-month-header {
    font-size: 14px !important;
  }

  .mphb-date-cell,
  .datepick-days-cell {
    font-size: 13px !important;
    padding: 4px !important;
  }



/* Remove border from the whole datepicker */
.datepick {
    border: none !important;
    box-shadow: none !important;
}

/* Remove border from each month block */
.datepick-month {
    border: none !important;
    box-shadow: none !important;
}
}

/* Book Flow Pages Top Padding */

body.page-id-533, 
body.page-id-536 {
    padding-top: 140px !important;
}

@media (max-width: 767px) {
  body.page-id-533, 
body.page-id-536 {
    padding-top: 100px;
  }
}





#masthead .hfe-site-logo-img {
  max-height: 120px !important;  /* try 32–48px */
	padding-left: 80px;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
}



/* =========================
   MOBILE – Hamburger icon
   ========================= */
@media (max-width: 1025px) {

  /* Not scrolled */
  #masthead.transparent .hfe-nav-menu__toggle svg,
  #masthead.transparent .hfe-nav-menu-icon svg {
    fill: #ffffff !important;
  }

  /* Scrolled */
  #masthead:not(.transparent) .hfe-nav-menu__toggle svg,
  #masthead:not(.transparent) .hfe-nav-menu-icon svg {
    fill: #000000 !important; /* adjust if needed */
  }
}


/* =========================
   DESKTOP – Logo image
   ========================= */
@media (min-width: 768px) {

  /* Not scrolled */
  #masthead.transparent .hfe-site-logo-img {
    filter: brightness(0) invert(1) !important;
  }

  /* Scrolled */
  #masthead:not(.transparent) .hfe-site-logo-img {
    filter: none !important;
  }
}


/* DESKTOP – ONLY page-id-468, page-id-494, page-id-533, page-id-1894 – header not scrolled */

body.page-id-468 #masthead.transparent .hfe-nav-menu a,
body.page-id-494 #masthead.transparent .hfe-nav-menu a,
body.page-id-533 #masthead.transparent .hfe-nav-menu a,
body.page-id-536 #masthead.transparent .hfe-nav-menu a,
body.page-id-3536 #masthead.transparent .hfe-nav-menu a,
body.page-id-1894 #masthead.transparent .hfe-nav-menu a {
  color: #2C2E45 !important;
}

body.page-id-468 #masthead.transparent h2.elementor-heading-title.elementor-size-default,
body.page-id-494 #masthead.transparent h2.elementor-heading-title.elementor-size-default,
body.page-id-533 #masthead.transparent h2.elementor-heading-title.elementor-size-default,
body.page-id-536 #masthead.transparent h2.elementor-heading-title.elementor-size-default,
body.page-id-3536 #masthead.transparent h2.elementor-heading-title.elementor-size-default,
body.page-id-1894 #masthead.transparent h2.elementor-heading-title.elementor-size-default {
  color: #2C2E45 !important;
}

body.page-id-468 #masthead.transparent .hfe-site-logo-img,
body.page-id-494 #masthead.transparent .hfe-site-logo-img,
body.page-id-533 #masthead.transparent .hfe-site-logo-img,
body.page-id-536 #masthead.transparent .hfe-site-logo-img,
body.page-id-3536 #masthead.transparent .hfe-site-logo-img,
body.page-id-1894 #masthead.transparent .hfe-site-logo-img {
  filter: none !important;
}


@media (max-width: 1025px) {

  /* Default: white */
  #masthead.transparent .hfe-nav-menu__toggle svg,
  #masthead.transparent .hfe-nav-menu-icon svg {
    fill: #ffffff !important;
  }

/* Exceptions */
body.page-id-468 #masthead.transparent .hfe-nav-menu__toggle svg,
body.page-id-468 #masthead.transparent .hfe-nav-menu-icon svg,
body.page-id-494 #masthead.transparent .hfe-nav-menu__toggle svg,
body.page-id-494 #masthead.transparent .hfe-nav-menu-icon svg,
body.page-id-533 #masthead.transparent .hfe-nav-menu__toggle svg,
body.page-id-533 #masthead.transparent .hfe-nav-menu-icon svg,
	body.page-id-536 #masthead.transparent .hfe-nav-menu__toggle svg,
body.page-id-536 #masthead.transparent .hfe-nav-menu-icon svg,
	body.page-id-3536 #masthead.transparent .hfe-nav-menu__toggle svg,
body.page-id-3536 #masthead.transparent .hfe-nav-menu-icon svg,
body.page-id-1894 #masthead.transparent .hfe-nav-menu__toggle svg,
body.page-id-1894 #masthead.transparent .hfe-nav-menu-icon svg {
  fill: #2C2E45 !important;
}


/* Google Review Footer Text to White*/

/* FORCE Trustindex footer text to white (desktop + mobile) */
.elementor-element-5cf4fc8 .ti-widget .ti-footer,
.elementor-element-5cf4fc8 .ti-widget .ti-footer * {
  color: #fff !important;
  opacity: 1 !important;
}


.ti-widget.ti-goog .ti-reviews-container-wrapper {
   opacity: 0.8;
}

html {
  -webkit-text-size-adjust: none;
}

/*content maps*/

.page-id-468 .elementor-widget-google_maps,
.page-id-468 .elementor-widget-google_maps .elementor-custom-embed,
.page-id-468 .elementor-widget-google_maps iframe {
    height: 250px !important;
}

/* Hide "Accommodation #1" on page 533 */
.page-id-533 .mphb-room-details h3.mphb-room-number {
    display: none !important;
}

/* Hide "Accommodation Type: Bungalow Hestia" on page 533 */
.page-id-533 .mphb-room-details p.mphb-room-type-title {
    display: none !important;
}




/* Keep active menus */
#masthead.scrolled .elementor-element-210946b .elementor-element-a9aa713
.menu-item.current-menu-item a.hfe-menu-item,
#masthead.scrolled .elementor-element-210946b .elementor-element-a9aa713
.menu-item.current-menu-ancestor a.hfe-menu-item {
  color: #ECDB90 !important;
}

#masthead.scrolled .elementor-element-210946b .elementor-element-a9aa713
.menu-item.current-menu-item a.hfe-menu-item:hover,
#masthead.scrolled .elementor-element-210946b .elementor-element-a9aa713
.menu-item.current-menu-ancestor a.hfe-menu-item:hover {
  color: #ECDB90 !important;
}










/* Remove Elementor container padding/margins inside the gallery grid rows */
.elementor-element-1d868b7 > .e-con,
.elementor-element-7a51eaf > .e-con,
.elementor-element-8f23c95 > .e-con,
.elementor-element-7cb0c2a > .e-con,
.elementor-element-c661e42 > .e-con,
.elementor-element-b5c8a65 > .e-con,
.elementor-element-e51060f > .e-con,
.elementor-element-668590a > .e-con,
.elementor-element-5ff40d0 > .e-con {
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;          /* if the child is also flex */
}

/* Some rows have the image widget directly as a grid child: also zero it */
.elementor-element-1d868b7 > .elementor-widget,
.elementor-element-7a51eaf > .elementor-widget,
.elementor-element-8f23c95 > .elementor-widget,
.elementor-element-7cb0c2a > .elementor-widget,
.elementor-element-c661e42 > .elementor-widget,
.elementor-element-b5c8a65 > .elementor-widget,
.elementor-element-e51060f > .elementor-widget,
.elementor-element-668590a > .elementor-widget,
.elementor-element-5ff40d0 > .elementor-widget {
  margin: 0 !important;
}

/* Ensure the image wrapper itself doesn't add spacing */
.elementor-widget-image .elementor-widget-container{
  padding: 0 !important;
  margin: 0 !important;
}











.elementor-swiper-button,
.swiper-button-next,
.swiper-button-prev {
  pointer-events: auto !important;
  z-index: 9999 !important;
}





.bungalow-price {
  color: #2C2E45;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}