.elementor-kit-6{--e-global-color-primary:#03466C;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-82d3b09:#A06348;--e-global-typography-primary-font-family:"Roboto Serif";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"commuters-sans";--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-letter-spacing:0.1em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto Condensed";--e-global-typography-accent-font-weight:500;background-color:#FCF8F0;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//**
 * CLOUDBEDS IMMERSIVE EXPERIENCE 2.0 - WORDPRESS ELEMENTOR
 * Updated with ACTUAL class names from WordPress site
 * Color Scheme: Pool (#194568), Cream (#fcf8f0), Ghost (#98654c)
 * Property Code: KEieVV
 */

/* ============================================
   MAIN WIDGET CONTAINER
   ============================================ */

/* Main booking engine root */
.cb-bookingengine-root {
  background-color: transparent !important;
  width: 100% !important;
}

/* Main chakra stack */
.chakra-stack.cb-bookingengine {
  background-color: transparent !important;
  width: 100% !important;
}

/* Landing page - Ghost background */
.cb-landing-page.d-1m92qh5 {
  background-color: transparent !important;
  border-radius: 20px !important;
  max-height: none !important;
  overflow: visible !important;
  margin-bottom: 30px !important;
  height: auto !important;
  min-height: 250px !important;
}

/* Hide background image */
.cb-background-image {
  display: none !important;
}

/* ============================================
   ACCOMMODATIONS & RESULTS SECTION
   ============================================ */

/* Results container - expand to full height and push down */
.d-1ajhlc0 {
  overflow: visible !important;
  z-index: 100 !important;
  min-height: auto !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  width: 100% !important;
  margin-top: 30px !important;
}

/* ============================================
   HEADER SECTION - HIDE ENTIRE HEADER
   ============================================ */

/* Hide entire header with search bar */
.cb-header {
  display: none !important;
}

.styles-module__header--i0_hx {
  display: none !important;
}

.cb-header-date-picker-section {
  display: none !important;
}

.cb-search-card.d-1eooz7g {
  display: none !important;
}

/* ============================================
   BUTTON STYLING
   ============================================ */

/* Search button - #03466C with shadow on click */
.chakra-button.d-sqj364 {
  background-color: #03466C !important;
  border: none !important;
  box-shadow: none !important;
  transition: box-shadow 0.2s ease !important;
}

.chakra-button.d-sqj364:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.chakra-button.d-sqj364:active,
.chakra-button.d-sqj364:focus {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}

/* Check-in/Check-out buttons - no border, shadow on click */
.chakra-button.d-ohguib {
  border: none !important;
  box-shadow: none !important;
  transition: box-shadow 0.2s ease !important;
}

.chakra-button.d-ohguib:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.chakra-button.d-ohguib:active,
.chakra-button.d-ohguib:focus {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}

/* Guest .elementor-kit-6 button - no border, shadow on click */
.chakra-button.d-qrb859 {
  border: none !important;
  box-shadow: none !important;
  transition: box-shadow 0.2s ease !important;
}

.chakra-button.d-qrb859:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.chakra-button.d-qrb859:active,
.chakra-button.d-qrb859:focus {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}

/* Promo code button - no border, shadow on click */
.chakra-button.d-3a3kh9 {
  border: none !important;
  box-shadow: none !important;
  transition: box-shadow 0.2s ease !important;
}

.chakra-button.d-3a3kh9:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.chakra-button.d-3a3kh9:active,
.chakra-button.d-3a3kh9:focus {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}

/* ============================================
   FONT STYLING
   ============================================ */

/* Property name */
.cb-property-name {
  font-family: 'Octavia', sans-serif !important;
  font-weight: 200 !important;
  color: #194568 !important;
}

/* General text */
.cb-text {
  font-family: 'DM Sans', sans-serif !important;
  color: #194568 !important;
}

/* Check-in/Check-out buttons */
.chakra-button.d-ohguib {
  font-family: 'DM Sans', sans-serif !important;
}

/* Guest .elementor-kit-6 button */
.chakra-button.d-qrb859 {
  font-family: 'DM Sans', sans-serif !important;
}

/* Promo code button */
.chakra-button.d-3a3kh9 {
  font-family: 'DM Sans', sans-serif !important;
}

/* ============================================
   SEARCH RESULTS FONTS
   ============================================ */

/* Accommodation card titles */
.cb-accommodation-card h3,
.cb-accommodation-card .cb-title-text {
  font-family: 'commuters-sans', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  color: #194568 !important;
}

/* Rate plan titles */
.cb-rate-plan-title-text {
  font-family: 'commuters-sans', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  color: #194568 !important;
}

/* Accommodation description text */
.cb-accommodation-card p {
  font-family: 'commuters-sans', sans-serif !important;
  font-weight: 600 !important;
  color: #194568 !important;
}

/* ============================================
   SHOPPING CART WIDGET
   ============================================ */

/* Shopping cart container */
.chakra-stack.d-12lcect {
  background-color: #fcf8f0 !important;
  border: 1.5px solid #194568 !important;
  border-radius: 16px !important;
  padding: 20px !important;
  box-shadow: 5.2px 10.4px 20px rgba(0, 0, 0, 0.15) !important;
  margin-top: 30px !important;
  position: sticky !important;
  top: 20px !important;
  z-index: 20 !important;
}

/* ============================================
   SEARCH CARDS
   ============================================ */

/* Landing search card - ONLY ONE VISIBLE */
.cb-search-card.d-sqj364 {
  background-color: var(--cream) !important;
  border-radius: 150px !important;
  padding: 20px !important;
  box-shadow: 5.2px 10.4px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Search panel container - FIX: Override position:relative to allow content to flow */
#cb-bookingengine .d-1ed8a9a,
.cb-bookingengine-root .d-1ed8a9a,
.reach-portal .d-1ed8a9a,
.chakra-stack .d-1ed8a9a {
  position:static  !important;
 
  
}

 .d-1uv2xnb {
    background-color: transparent!important;
}

/* Center d-jicda2 element - flex center both vertical and horizontal */
#cb-bookingengine .d-jicda2,
.cb-bookingengine-root .d-jicda2,
reach-portal .d-jicda2 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* ============================================
   BUTTONS
   ============================================ */

/* Landing search button */
.cb-search-button.d-16x2wn3 {
  background-color: #03466C !important;
  border: none !important;
  color:white !important;
  font-family: 'commuters-sans', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  font-weight: 700 !important;
  padding: 12px 24px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

.cb-search-button.d-16x2wn3:hover {
  background-color: #03466C !important;
  color: var(--cream) !important;
  box-shadow: 0 4px 12px rgba(3, 70, 108, 0.4) !important;
}

.cb-search-button.d-16x2wn3:active,
.cb-search-button.d-16x2wn3:focus {
  box-shadow: 0 0 0 3px rgba(3, 70, 108, 0.6) !important;
}

/* Header search button */
.d-1vb67tl {
  background-color: #03466C !important;
  border: none !important;
  color: var(--cream) !important;
  font-family: 'commuters-sans', sans-serif !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.d-1vb67tl:hover {
  box-shadow: 0 4px 12px rgba(3, 70, 108, 0.4) !important;
}

.d-1vb67tl:active,
.d-1vb67tl:focus {
  box-shadow: 0 0 0 3px rgba(3, 70, 108, 0.6) !important;
}

/* ============================================
   TEXT & TYPOGRAPHY
   ============================================ */

/* Property name */
.cb-property-name {
  font-family: 'Octavia', sans-serif !important;
  font-weight: 200 !important;
  color: var(--pool) !important;
}

/* General text */
.cb-text {
  font-family: 'DM Sans', sans-serif !important;
  color: var(--pool) !important;
}

/* ============================================
   PROPERTY INFO
   ============================================ */

.cb-property-info {
  display: none !important;
}

/* ============================================
   DATE PICKER BUTTONS
   ============================================ */

/* Check-in/Check-out buttons */
.chakra-button.d-ohguib {
  background-color: var(--cream) !important;
  border: none !important;
  color: var(--pool) !important;
  font-family: 'DM Sans', sans-serif !important;
  border-radius: 30px !important;
  padding: 10px 16px !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.chakra-button.d-ohguib:hover {
  background-color: var(--cream) !important;
  color: var(--pool) !important;
  box-shadow: 0 4px 12px rgba(25, 69, 104, 0.2) !important;
}

.chakra-button.d-ohguib:active,
.chakra-button.d-ohguib:focus {
  box-shadow: 0 0 0 3px rgba(25, 69, 104, 0.4) !important;
}

/* ============================================
   GUEST & FILTER BUTTONS
   ============================================ */

/* Guest .elementor-kit-6 button */
.chakra-button.d-qrb859 {
  background-color: var(--cream) !important;
  border: none !important;
  color: var(--pool) !important;
  font-family: 'DM Sans', sans-serif !important;
  border-radius: 30px !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.chakra-button.d-qrb859:hover {
  box-shadow: 0 4px 12px rgba(25, 69, 104, 0.2) !important;
}

.chakra-button.d-qrb859:active,
.chakra-button.d-qrb859:focus {
  box-shadow: 0 0 0 3px rgba(25, 69, 104, 0.4) !important;
}

/* Promo code button */
.chakra-button.d-3a3kh9 {
  background-color: var(--cream) !important;
  border: none !important;
  color: var(--pool) !important;
  font-family: 'DM Sans', sans-serif !important;
  border-radius: 30px !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.chakra-button.d-3a3kh9:hover {
  box-shadow: 0 4px 12px rgba(25, 69, 104, 0.2) !important;
}

.chakra-button.d-3a3kh9:active,
.chakra-button.d-3a3kh9:focus {
  box-shadow: 0 0 0 3px rgba(25, 69, 104, 0.4) !important;
}

/* ============================================
   SEARCH RESULTS FONTS
   ============================================ */

/* Accommodation card titles */
.cb-accommodation-card h3,
.cb-accommodation-card .cb-title-text {
  font-family: 'commuters-sans', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  color: var(--pool) !important;
}

/* Rate plan titles */
.cb-rate-plan-title-text {
  font-family: 'commuters-sans', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  color: var(--pool) !important;
}

/* Accommodation description text */
.cb-accommodation-card p {
  font-family: 'commuters-sans', sans-serif !important;
  font-weight: 600 !important;
  color: var(--pool) !important;
}

/* ============================================
   SHOPPING CART / CHECKOUT SECTION
   ============================================ */

/* Shopping cart container */
.chakra-stack.d-12lcect {
  background-color: var(--cream) !important;
  border: 1.5px solid var(--pool) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  box-shadow: 5.2px 10.4px 20px rgba(0, 0, 0, 0.15) !important;
  margin-top: 30px !important;
  position: sticky !important;
  top: 20px !important;
  z-index: 20 !important;
}

/* Shopping cart title */
.chakra-stack.d-12lcect h3,
.chakra-stack.d-12lcect .chakra-heading {
  font-family: 'commuters-sans', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  color: var(--pool) !important;
}

/* Shopping cart text */
.chakra-stack.d-12lcect p,
.chakra-stack.d-12lcect .chakra-text {
  font-family: 'commuters-sans', sans-serif !important;
  font-weight: 600 !important;
  color: var(--pool) !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 767px) {
  .cb-landing-page.d-1m92qh5 {
    width: 100% !important;
    border-radius: 0 !important;
    max-height: none !important;

  }
  .d-eqnw3j {
      width:auto;
  }

  .cb-search-button.d-16x2wn3 {
    width: 100% !important;
  }

  .chakra-stack.d-12lcect {
    position: static !important;
    margin-top: 20px !important;
  }
}

@media (min-width: 768px) {
  .cb-landing-page.d-1m92qh5 {
    width: 700px !important;
    margin: 0 auto !important;
  }
  cb-landing-page {
      width:90%!important;
  }


}
html, body {
  overflow-x: hidden;  /* Targets only horizontal */
}/* End custom CSS */