/* ============================================================
   IRIANA / MAGIC VACATION — client theme tokens
   Palette from design/site/assets/css/base.css.
   Remaps shared booking/PMS CSS variables so locked
   booking/checkout/payment pages pick up client colours/fonts
   with zero markup edits.
   ============================================================ */

:root {
  /* ---- Magic Vacation source palette ---- */
  --ivory: #f7f3ea;
  --cream: #efe7d8;
  --ink: #15120f;
  --charcoal: #1c1915;
  --muted: #6d6458;
  --forest: #2f3d32;
  --forest-deep: #243028;
  --gold: #c4a35a;
  --gold-soft: #d8bf86;
  --line: rgba(21, 18, 15, 0.12);
  --glass: rgba(28, 25, 21, 0.72);
  --radius: 2px;
  --header-h: 4.5rem;
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Jost", "Segoe UI", sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --max: 72rem;

  /* ---- Shared booking/property variables mapped to Magic Vacation ---- */
  --green: #2f3d32;
  --green-dark: #243028;
  --green-light: #6d6458;
  --green-pale: #efe7d8;
  --gold-light: #d8bf86;
  --silver: #6d6458;
  --silver-light: #efe7d8;
  --cream-dk: #efe7d8;
  --brown: #15120f;
  --brown-mid: #1c1915;
  --white: #ffffff;
  --text-dark: #15120f;
  --text-mid: #6d6458;
  --text-dull: #1c1915;
  --text-muted: #6d6458;

  --heading-font: "Cormorant Garamond", "Times New Roman", serif;
  --body-font: "Jost", "Segoe UI", sans-serif;
  --font-third: "Cormorant Garamond", "Times New Roman", serif;
}

/* Hide remnant mansion chrome if any leftover classes appear */
.client-theme-iriana .mansion-header-offset,
.client-theme-iriana .mansion-nav,
.client-theme-iriana .mansion-footer {
  display: none !important;
}

/* Design already ships sticky-mobile-cta — hide master sticky pill */
.client-theme-iriana .vr-sticky-book-now {
  display: none !important;
}

/* Property-detail shell (Stay only) — restyle around locked quote widget */
.client-theme-iriana.property-detail-page .house-detail-hero,
.client-theme-iriana.property-detail-page .condos-detail-hero {
  min-height: 70vh;
  display: flex;
  align-items: flex-end;
  padding: 4rem 1.5rem 3rem;
  background-color: var(--forest-deep);
}
.client-theme-iriana.property-detail-page .house-detail-hero h1,
.client-theme-iriana.property-detail-page .condos-detail-hero h1 {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(2.4rem, 6vw, 4.5rem);
  color: var(--ivory);
  letter-spacing: -0.02em;
  max-width: 72rem;
  margin: 0 auto;
}
.client-theme-iriana.property-detail-page .detail-main,
.client-theme-iriana.property-detail-page .property-wrap {
  background: var(--ivory);
  color: var(--ink);
  font-family: var(--font-body);
}
.client-theme-iriana.property-detail-page h2,
.client-theme-iriana.property-detail-page h3 {
  font-family: var(--font-display);
  color: var(--ink);
}
.client-theme-iriana.property-detail-page .booking-card-pro {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: none;
}
.client-theme-iriana.property-detail-page .quote-submit-btn,
.client-theme-iriana.property-detail-page button[type="submit"].btn,
.client-theme-iriana.property-detail-page .btn-primary {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: var(--ink) !important;
  border-radius: var(--radius);
  font-family: var(--font-body);
  font-weight: 500;
}