/* ==========================================================================
   Amelia booking form, matched to the theme
   Amelia writes its colour/font variables inline from its own settings, so
   the overrides need !important to win. Scoped to the MD Booking widget
   (.md-booking) and to Amelia's dropdown/calendar popups, which it mounts
   at the end of <body>.
   ========================================================================== */

.md-booking .amelia-v2-booking,
.md-booking .amelia-v2-booking *,
body > .el-popper[class*="am-"], body > .el-popper[class*="am-"] *,
body > [class*="am-"][class*="popper"], body > [class*="am-"][class*="popper"] * {
  --am-font-family: "Jost", "Helvetica Neue", sans-serif !important;
  --am-c-primary: #9A7B45 !important;
  --am-c-success: #4E7A55 !important;
  --am-c-main-bgr: #FBF8F1 !important;
  --am-c-main-heading-text: #0E1A2B !important;
  --am-c-main-text: #3D4A5C !important;
  --am-c-inp-bgr: #FFFFFF !important;
  --am-c-inp-border: #CDBE9E !important;
  --am-c-inp-text: #0E1A2B !important;
  --am-c-inp-placeholder: #8C7B5C !important;
  --am-c-btn-prim: #0E1A2B !important;
  --am-c-btn-prim-text: #F6F1E7 !important;
  --am-c-btn-sec: transparent !important;
  --am-c-btn-sec-text: #0E1A2B !important;
  --am-c-btn-first: #0E1A2B !important;
  --am-c-btn-second: #F6F1E7 !important;
  --am-rad-btn: 0px !important;
  --am-rad-inp: 0px !important;
  --am-rad-input: 0px !important;
  --am-rad-select: 0px !important;

  /* Calendar + derived shades: Amelia computes these in JS from its own
     (blue) primary colour, so each is mapped to the theme's gold at the
     same opacity. Selected day = navy, like the site's buttons. */
  --am-c-sb-bgr: #0E1A2B !important;
  --am-c-scroll-op30: rgba(154, 123, 69, .3) !important;
  --am-c-scroll-op10: rgba(154, 123, 69, .1) !important;
  --am-c-cal-init: #B8975A !important;
  --am-c-cal-low: #B8975A !important;
  --am-c-cal-high: #B8975A !important;
  --am-c-cal-init-text: #6E5528 !important;
  --am-c-cal-low-text: #6E5528 !important;
  --am-c-cal-high-text: #6E5528 !important;
  --am-c-cal-init-op10: rgba(184, 151, 90, .1) !important;
  --am-c-cal-init-op20: rgba(184, 151, 90, .2) !important;
  --am-c-cal-init-op30: rgba(184, 151, 90, .3) !important;
  --am-c-cal-init-op60: rgba(184, 151, 90, .6) !important;
  --am-c-cal-low-op10: rgba(184, 151, 90, .1) !important;
  --am-c-cal-low-op20: rgba(184, 151, 90, .2) !important;
  --am-c-cal-low-op30: rgba(184, 151, 90, .3) !important;
  --am-c-cal-low-op60: rgba(184, 151, 90, .6) !important;
  --am-c-cal-low-op80: rgba(184, 151, 90, .8) !important;
  --am-c-cal-high-op10: rgba(184, 151, 90, .1) !important;
  --am-c-cal-high-op20: rgba(184, 151, 90, .2) !important;
  --am-c-cal-high-op30: rgba(184, 151, 90, .3) !important;
  --am-c-cal-high-op60: rgba(184, 151, 90, .6) !important;
  --am-c-cal-high-op80: rgba(184, 151, 90, .8) !important;
  --am-c-cal-selected: #0E1A2B !important;
  --am-c-cal-selected-text: #F6F1E7 !important;
  --am-c-cal-selected-op80: rgba(14, 26, 43, .8) !important;
  --am-c-btn-first-op80: rgba(14, 26, 43, .8) !important;
  --am-c-btn-first-op30: rgba(14, 26, 43, .3) !important;
  --am-c-btn-first-op20: rgba(14, 26, 43, .1) !important;
}

/* Layout: form card left, portrait right (portrait slightly narrower). */
.split--booking { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: start; }
.md-booking__card {
  display: flex; flex-direction: column; gap: 24px;
  padding: 48px; background: var(--ivory-light); border: 1px solid var(--line);
}
@media (max-width: 900px) {
  .split--booking { grid-template-columns: minmax(0, 1fr); }
  .md-booking__card { padding: 28px 18px; }
}

/* Let the form fill the card instead of Amelia's own floating box. */
.md-booking .amelia-v2-booking { width: 100%; }
.md-booking .amelia-v2-booking .am-fs__wrapper {
  max-width: none !important; width: 100% !important; margin: 0 !important;
  box-shadow: none !important; border-radius: 0 !important; background: transparent !important;
}
.md-booking .amelia-v2-booking .am-fs__main { background: transparent !important; }

/* Headings in the theme's display face. */
.md-booking .amelia-v2-booking .am-fs__main-heading-inner-title,
.md-booking .amelia-v2-booking .am-fs__main-heading > p {
  font-family: var(--font-display) !important; font-weight: 500 !important; font-size: 26px !important;
}

/* Buttons in the theme's button style. */
.md-booking .amelia-v2-booking .am-button:not(.is-icon-only) {
  min-height: 48px !important; padding: 0 28px !important;
  font-family: var(--font-body) !important; font-size: 12px !important; font-weight: 500 !important;
  letter-spacing: .24em !important; text-transform: uppercase !important; border-radius: 0 !important;
}