/* ===========================================================================
   lh-booking.css
   Owned by LH_Booking. Loads only on pages that render a booking trigger, so it
   travels with the module instead of being copied into every page-<slug>.css.

   Cal renders its own custom elements outside #ai-pillar, so these selectors are
   deliberately unscoped and rely on the cal- prefix and our own .lh-book- classes.
   =========================================================================== */

/* Keep the scheduler light. Cal fell back to its dark palette when the visitor's
   OS was in dark mode, which put a black calendar on a light page.
   Reported by the client 2026-09-17. */
cal-modal-box,
div[data-cal-namespace],
.lh-book-inline{--cal-backdrop:rgba(15,27,45,.62);color-scheme:light}

cal-modal-box iframe,
div[data-cal-namespace] iframe,
.lh-book-inline iframe{background:#fff!important;color-scheme:light!important;
  border-radius:12px;border:0}

/* The inline calendar on /book-a-call/ */
.lh-book-inline{background:#fff;border-radius:12px;overflow:hidden;min-height:620px}
.lh-book-inline noscript p{font-size:.92rem;color:#536179;padding:20px 4px;line-height:1.6}
.lh-book-inline noscript a{color:#005CDB}

/* A trigger must never look like a dead link while the embed is still loading */
a[data-cal-link]{cursor:pointer}

@media(max-width:560px){
  .lh-book-inline{min-height:560px}
}
@media(prefers-reduced-motion:reduce){
  cal-modal-box,cal-modal-box *{animation:none!important;transition:none!important}
}