/* Light booking widget for the light page templates (services, event guides, city pages).
   2026-10-18. Scoped to the .l4r-widget-light slot wrapper, so every page that keeps the
   standard dark widget is unaffected. Brand gold on white uses #7A5F22 for contrast. */
.l4r-widget-light { padding-top: 4px; }
.l4r-widget-light .l4rbw {
  --l4r-ink: #ffffff;
  --l4r-ink-2: #ffffff;
  --l4r-field: #ffffff;
  --l4r-line: rgba(28, 26, 22, 0.16);
  --l4r-line-gold: rgba(122, 95, 34, 0.55);
  --l4r-fg: #1d1c19;
  --l4r-muted: #5f5b52;
  --l4r-faint: #6c6960;
  background: #ffffff;
  border: 1px solid rgba(28, 26, 22, 0.12);
  border-top: 3px solid #c9a44a;
  box-shadow: 0 18px 40px -28px rgba(28, 26, 22, 0.35);
  margin: 1.5rem auto 2rem;
}
.l4r-widget-light .l4rbw .l4rbw__title b { color: #7A5F22 !important; }
.l4r-widget-light .l4rbw__tabs { background: #f3f1ea; }
.l4r-widget-light .l4rbw__hint { background: #faf7ef; border-color: #e8dfc4; }
.l4r-widget-light .l4rbw__input:focus,
.l4r-widget-light .l4rbw__select:focus { box-shadow: 0 0 0 3px rgba(122, 95, 34, 0.18); }
.l4r-widget-light .l4rbw .l4rbw__err { color: #b42318 !important; }
.l4r-widget-light .l4rbw__f.is-error .l4rbw__input,
.l4r-widget-light .l4rbw__f.is-error .l4rbw__select { border-color: #b42318; box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.12); }
.l4r-widget-light .l4rbw .l4rbw__pin--pu { color: #12823f !important; }
.l4r-widget-light .l4rbw .l4rbw__pin--do { color: #c4320a !important; }