/* Project overrides, layered on top of the Webflow export (loaded last in <head>).
   Keep minimal and page-scoped. */

/* /reservation-agreement — its `.container-36` is missing the `*-content-container`
   combo class the other legal pages use, so the base `.container-36 { flex-flow: row }`
   lays the 17 legal paragraphs in a row and overflows ~2182px. Match the sibling legal
   pages (flex-flow: column). Scoped to this page via its Webflow page id. */
html[data-wf-page='688a52b626b7be2f6e7f4855'] .container-36 {
  flex-flow: column;
}

/* /blog — the news list is gated behind a Webflow IX2 "reveal on load" animation that is
   unreliable on the static export: it flakily leaves `.container-39` at display:none, hiding
   every post. Force it visible so the posts always render (verified: yields all 17 cards,
   grid width 588 matching live). Scoped to the blog page via its Webflow page id. */
html[data-wf-page='688a52b626b7be2f6e7f485b'] .container-39 {
  display: block !important;
}

/* Webflow CDN images — the Webflow CSS bundle (copied verbatim from the export) points these
   at Webflow's CDN (d3e54v103j8qbb.cloudfront.net), which goes away with Webflow. Same files,
   self-hosted in the images/webflow folder (media.json). Each rule repeats the bundle's selector so
   the cascade is unchanged: `.section-3.section-2` (gradient) still wins on /old-home, and
   `.slide-6` keeps the bundle's `background-image: none` below 768px. */
.section-3,
.slide-3,
.how-i-works-slide-4-column-2-image {
  background-image: url('https://cdn.calasystems.com/images/23fb3e4363a68cdf/webflow/background-image.svg');
}
@media screen and (min-width: 768px) {
  .slide-6 {
    background-image: url('https://cdn.calasystems.com/images/23fb3e4363a68cdf/webflow/background-image.svg');
  }
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-image: url('https://cdn.calasystems.com/images/121f8dc257d116b5/webflow/custom-checkbox-checkmark.svg');
}
