/* ------------------------------------------------------------------
   CLIENT-REQUESTED FIXES (intentional deviations from the source)
   These correct defects that ALSO exist on the current live site.
   Recorded in 06-improvements.md so the Astro rebuild applies them too.

   FIX C1 — "X spots left!" availability badge
   Cause: WP Rocket's used-CSS purged the CSS for these heading widgets
   (.elementor-element-1430ea7 / -7dd00e4, class .section-8-text), so the
   text renders at default heading size and overflows the retreat card.
   The equivalent "booked out" badge (.elementor-element-416caff) kept its
   CSS and renders correctly — this mirrors that styling.
------------------------------------------------------------------ */
.section-8-text > .elementor-widget-container{
  padding:6px 13px;
}
.section-8-text .elementor-heading-title{
  font-family:"DM Sans",Sans-serif !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:22px !important;
  letter-spacing:0 !important;
  color:#fff !important;
  text-transform:none !important;
  white-space:nowrap;
}
.section-8-text{
  width:auto !important;
  max-width:max-content !important;
  --container-widget-width:max-content !important;
  text-align:center;
}

/* ------------------------------------------------------------------
   FIX C2 — "Reset & Realign / Discover & Connect / Profoundly Shift"
   package tab switcher (#landing-page-tab-btn)
   Cause: the stylesheet was authored for a TWO-tab switcher — each tab
   is width:50% (as is .active_tab) — but the markup ships THREE tabs.
   3 x 50% + 2 x 20px gap overflows the 410px / 47px pill, so the labels
   spill outside the outline, "Discover & Connect" wraps onto two lines,
   and the active pill sits outside the right edge.
   Fix: let the three tabs share the row evenly and size the pill to fit.
   Visual language is unchanged — white hairline outline, 80px radius,
   #d9d9d9 active pill with dark text, DM Sans.
   Same defect exists on the live site.
------------------------------------------------------------------ */
#landing-page-tab-btn{
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:0 !important;
  width:100%;
  max-width:640px !important;
  height:auto !important;
  min-height:47px;
  box-sizing:border-box;
  overflow:hidden;            /* clip active pill to the outer radius */
}
#landing-page-tab-btn h3,
#landing-page-tab-btn h5{
  flex:1 1 0;
  width:auto !important;
  min-width:0;
  height:auto !important;
  box-sizing:border-box;
  padding:11px 14px;
  line-height:1.25 !important;
  white-space:nowrap;
  border-radius:80px;
  transition:background-color .2s ease,color .2s ease;
}
#landing-page-tab-btn .active_tab{
  width:auto !important;
  height:auto !important;
  border-left:0 !important;
  border-right:0 !important;
}

/* Narrow screens: three nowrap labels cannot fit, so allow them to wrap
   and let the pill grow instead of overflowing. */
@media (max-width:767px){
  #landing-page-tab-btn{
    max-width:100% !important;
  }
  #landing-page-tab-btn h3,
  #landing-page-tab-btn h5{
    font-size:13px !important;
    padding:9px 8px;
    white-space:normal;
    line-height:1.2 !important;
  }
}
@media (max-width:430px){
  #landing-page-tab-btn h3,
  #landing-page-tab-btn h5{
    font-size:11px !important;   /* keeps all three labels on one line */
    letter-spacing:-.1px;
    padding:8px 3px;
  }
}