/*
  Sanur Lodge booking shell
  Colors are intentionally left to Cloudbeds Look & Branding.
  Cloudbeds documents host-page CSS for Immersive Experience 2.0 and
  recommends scoping custom rules to its booking-engine root.
*/

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  font-family: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
}

.booking-shell {
  min-height: 100vh;
}

.noscript-message {
  max-width: 42rem;
  margin: 3rem auto;
  padding: 0 1.5rem;
  font-family: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
}

/* Cloudbeds Immersive Experience root */
:is(#cb-bookingengine, .cb-bookingengine-root) {
  font-family: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
}

/* Match the marketing site's typography without overriding Cloudbeds colors. */
:is(#cb-bookingengine, .cb-bookingengine-root) h1,
:is(#cb-bookingengine, .cb-bookingengine-root) h2,
:is(#cb-bookingengine, .cb-bookingengine-root) h3,
:is(#cb-bookingengine, .cb-bookingengine-root) h4,
:is(#cb-bookingengine, .cb-bookingengine-root) h5,
:is(#cb-bookingengine, .cb-bookingengine-root) h6 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em;
  line-height: 1.12;
}

:is(#cb-bookingengine, .cb-bookingengine-root) button,
:is(#cb-bookingengine, .cb-bookingengine-root) input,
:is(#cb-bookingengine, .cb-bookingengine-root) select,
:is(#cb-bookingengine, .cb-bookingengine-root) textarea {
  font-family: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif !important;
  box-shadow: none;
}

:is(#cb-bookingengine, .cb-bookingengine-root) a {
  text-underline-offset: 0.18em;
}

/*
  Remove duplicated content from the embedded booking experience.
  These use Cloudbeds' static cb- class convention, not generated d- classes.
*/
:is(#cb-bookingengine, .cb-bookingengine-root) .cb-property-name,
:is(#cb-bookingengine, .cb-bookingengine-root) .cb-address-and-contact {
  display: none !important;
}

/* Preserve readable touch targets on small screens. */
@media (max-width: 768px) {
  :is(#cb-bookingengine, .cb-bookingengine-root) button {
    min-height: 44px;
  }
}

/* Hide the entire lower Cloudbeds property-information card */
:is(#cb-bookingengine, .cb-bookingengine-root) .cb-property-info {
  display: none !important;
}