.elementor-kit-9{--e-global-color-primary:#364736;--e-global-color-secondary:#F0EEE1;--e-global-color-text:#42433A;--e-global-color-accent:#A8AD87;--e-global-color-23f4de5:#C6CAA900;--e-global-color-7841996:#232A23;--e-global-color-b01c4d9:#A8AD87;--e-global-typography-primary-font-family:"utile-display";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"utile";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"utile";--e-global-typography-text-font-size:22px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"overpass-mono-variable";--e-global-typography-accent-font-weight:500;--e-global-typography-10768a9-font-family:"overpass-mono-variable";--e-global-typography-10768a9-font-size:9px;--e-global-typography-10768a9-font-weight:500;font-family:"utile", Sans-serif;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:700ms;}.elementor-kit-9 e-page-transition{background-color:var( --e-global-color-7841996 );}.elementor-kit-9 h1{font-family:"utile-display", Sans-serif;font-weight:300;}.elementor-kit-9 h2{font-family:"utile-display", Sans-serif;font-weight:300;}.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 *//* =====================================================
   CALMWATER x HOSTAWAY — COMPLETE UNIFIED CSS
   Covers:
   - Booking Search Widget
   - Calendar Widget
   - Arrow Fix (styled-components structure)
   ===================================================== */

/* -----------------------
   Design Tokens
------------------------ */
:root{
  --cw-ink: #1f2a24;
  --cw-surface: #fbfaf6;
  --cw-border: #d7d0c2;

  --cw-green: #2f5d4a;
  --cw-green-hover: #3d725b;

  --cw-sand: #e8dfcf;
  --cw-gold: #e3d3b3;

  --cw-focus: rgba(47,93,74,.25);

  --cw-radius-lg: 16px;
  --cw-radius-md: 12px;
  --cw-radius-sm: 10px;

  --cw-shadow: 0 10px 24px rgba(0,0,0,.08);
}

/* =====================================================
   WIDGET CONTAINERS
===================================================== */
#hostaway-booking-widget,
#hostaway-calendar-widget{
  background: var(--cw-surface);
  border: 1px solid var(--cw-border);
  border-radius: var(--cw-radius-lg);
  box-shadow: var(--cw-shadow);
  padding: clamp(16px, 2vw, 28px);
  color: var(--cw-ink);
  font-family: inherit !important;
}

/* In case embed injects iframe */
#hostaway-booking-widget iframe,
#hostaway-calendar-widget iframe{
  width: 100% !important;
  border-radius: var(--cw-radius-md) !important;
}

/* =====================================================
   TYPOGRAPHY
===================================================== */
#hostaway-booking-widget *,
#hostaway-calendar-widget *{
  font-family: inherit !important;
  letter-spacing: .01em;
}

/* Month titles */
#hostaway-calendar-widget [class*="month"],
#hostaway-calendar-widget h2{
  color: var(--cw-green) !important;
  font-weight: 600 !important;
  letter-spacing: .02em;
}

/* =====================================================
   INPUTS
===================================================== */
#hostaway-booking-widget input,
#hostaway-booking-widget select,
#hostaway-calendar-widget input,
#hostaway-calendar-widget select{
  background: #fff !important;
  color: var(--cw-ink) !important;
  border: 1px solid var(--cw-border) !important;
  border-radius: var(--cw-radius-md) !important;
  padding: 12px 14px !important;
  font-size: 16px !important;
}

#hostaway-booking-widget input:focus,
#hostaway-calendar-widget input:focus{
  outline: none !important;
  border-color: var(--cw-green) !important;
  box-shadow: 0 0 0 4px var(--cw-focus) !important;
}

/* =====================================================
   BUTTONS (GENERAL)
===================================================== */
#hostaway-booking-widget button,
#hostaway-calendar-widget button{
  background: var(--cw-green) !important;
  color: #fff !important;
  border: 1px solid var(--cw-green) !important;
  border-radius: 999px !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  letter-spacing: .02em;
  transition: background .15s ease;
  cursor: pointer;
}

#hostaway-booking-widget button:hover,
#hostaway-calendar-widget button:hover{
  background: var(--cw-green-hover) !important;
}

/* =====================================================
   SEARCH BUTTON (top widget)
===================================================== */
#hostaway-booking-widget [class^="styled__Search"],
#hostaway-booking-widget [class*=" styled__Search"]{
  background: var(--cw-green) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#hostaway-booking-widget [class^="styled__Search"]:hover{
  background: var(--cw-green-hover) !important;
}

/* =====================================================
   CALENDAR DATE STATES
===================================================== */

/* Selected check-in / check-out */
#hostaway-calendar-widget .selected,
#hostaway-calendar-widget .active,
#hostaway-calendar-widget [aria-selected="true"]{
  background: var(--cw-green) !important;
  color: #fff !important;
  border-radius: var(--cw-radius-md) !important;
}

/* Range between */
#hostaway-calendar-widget .in-range,
#hostaway-calendar-widget .range,
#hostaway-calendar-widget [class*="range"]{
  background: var(--cw-sand) !important;
  color: var(--cw-ink) !important;
  border-radius: var(--cw-radius-sm);
}

/* Hover */
#hostaway-calendar-widget [class*="day"]:hover{
  background: var(--cw-gold) !important;
  border-radius: var(--cw-radius-sm);
}

/* =====================================================
   ARROW FIX (REAL SELECTORS FROM YOUR DOM)
===================================================== */

/* Target styled-components Prev/Next wrappers */
#hostaway-calendar-widget div[class^="styled__Prev"] > button,
#hostaway-calendar-widget div[class^="styled__Next"] > button{
  position: relative !important;
  min-width: 54px;
  min-height: 44px;
  border-radius: 999px !important;
  background: var(--cw-green) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: transparent !important;
  overflow: hidden !important;
}

/* Hide internal icon */
#hostaway-calendar-widget div[class^="styled__Prev"] > button svg,
#hostaway-calendar-widget div[class^="styled__Next"] > button svg{
  opacity: 0 !important;
}

/* Inject arrows */
#hostaway-calendar-widget div[class^="styled__Prev"] > button::before{
  content: "‹";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff !important;
  font-size: 30px;
  font-weight: 800;
}

#hostaway-calendar-widget div[class^="styled__Next"] > button::before{
  content: "›";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff !important;
  font-size: 30px;
  font-weight: 800;
}

#hostaway-calendar-widget div[class^="styled__Prev"] > button:hover,
#hostaway-calendar-widget div[class^="styled__Next"] > button:hover{
  background: var(--cw-green-hover) !important;
}

/* =====================================================
   FINAL ARROW POLISH — Search bar + Calendar
   ===================================================== */

/* -------------------------
   1) SEARCH BAR ARROWS
   Make arrows white on green (recommended)
-------------------------- */
#hostaway-booking-widget div[class^="styled__Prev"] > button,
#hostaway-booking-widget div[class^="styled__Next"] > button{
  background: var(--cw-green) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 999px !important;
  min-width: 54px;
  min-height: 44px;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  color: transparent !important; /* hide any default text/icon */
}

/* Hide any built-in icon */
#hostaway-booking-widget div[class^="styled__Prev"] > button svg,
#hostaway-booking-widget div[class^="styled__Next"] > button svg,
#hostaway-booking-widget div[class^="styled__Prev"] > button img,
#hostaway-booking-widget div[class^="styled__Next"] > button img{
  opacity: 0 !important;
}

/* Inject centered arrows (WHITE) */
#hostaway-booking-widget div[class^="styled__Prev"] > button::before{
  content: "‹";
  color: #fff !important;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

#hostaway-booking-widget div[class^="styled__Next"] > button::before{
  content: "›";
  color: #fff !important;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

/* Hover */
#hostaway-booking-widget div[class^="styled__Prev"] > button:hover,
#hostaway-booking-widget div[class^="styled__Next"] > button:hover{
  background: var(--cw-green-hover) !important;
}


/* -------------------------
   2) CALENDAR ARROWS
   Perfect centering + consistent sizing
-------------------------- */
#hostaway-calendar-widget div[class^="styled__Prev"] > button,
#hostaway-calendar-widget div[class^="styled__Next"] > button{
  min-width: 54px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  color: transparent !important;
}

/* Hide any built-in icon */
#hostaway-calendar-widget div[class^="styled__Prev"] > button svg,
#hostaway-calendar-widget div[class^="styled__Next"] > button svg,
#hostaway-calendar-widget div[class^="styled__Prev"] > button img,
#hostaway-calendar-widget div[class^="styled__Next"] > button img{
  opacity: 0 !important;
}

/* Inject centered arrows */
#hostaway-calendar-widget div[class^="styled__Prev"] > button::before{
  content: "‹";
  color: #fff !important;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

#hostaway-calendar-widget div[class^="styled__Next"] > button::before{
  content: "›";
  color: #fff !important;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

/* =====================================================
   HARD RESET + PERFECT CENTERING FOR HOSTAWAY ARROWS
   (Booking bar + Calendar)
   ===================================================== */

/* Target the actual Prev/Next buttons inside both widgets */
#hostaway-booking-widget div[class^="styled__Prev"] > button,
#hostaway-booking-widget div[class^="styled__Next"] > button,
#hostaway-calendar-widget div[class^="styled__Prev"] > button,
#hostaway-calendar-widget div[class^="styled__Next"] > button{
  /* hard reset layout */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* kill offsets */
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  line-height: 0 !important;
  font-size: 0 !important;

  /* consistent shape */
  min-width: 54px !important;
  min-height: 44px !important;
  border-radius: 999px !important;

  /* your theme */
  background: var(--cw-green) !important;
  border: 1px solid rgba(255,255,255,.35) !important;

  position: relative !important;
  overflow: hidden !important;
}

/* Hide *anything* Hostaway puts inside the arrow button (svg, spans, icons, etc.) */
#hostaway-booking-widget div[class^="styled__Prev"] > button > *,
#hostaway-booking-widget div[class^="styled__Next"] > button > *,
#hostaway-calendar-widget div[class^="styled__Prev"] > button > *,
#hostaway-calendar-widget div[class^="styled__Next"] > button > *{
  display: none !important;
}

/* Inject perfectly centered arrows */
#hostaway-booking-widget div[class^="styled__Prev"] > button::before,
#hostaway-calendar-widget div[class^="styled__Prev"] > button::before{
  content: "‹";
  display: block;
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

#hostaway-booking-widget div[class^="styled__Next"] > button::before,
#hostaway-calendar-widget div[class^="styled__Next"] > button::before{
  content: "›";
  display: block;
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* Hover */
#hostaway-booking-widget div[class^="styled__Prev"] > button:hover,
#hostaway-booking-widget div[class^="styled__Next"] > button:hover,
#hostaway-calendar-widget div[class^="styled__Prev"] > button:hover,
#hostaway-calendar-widget div[class^="styled__Next"] > button:hover{
  background: var(--cw-green-hover) !important;
}/* End custom CSS */