/* Shared Cal.com inline-embed styling — used inside both the homepage
   booking drawer's #booking-drawer-calendar and the guided-enquiry
   scheduling view's #cf-calendar-area (js/cal-booking.js mounts into
   whichever [data-calendar-embed] container it's given). The outer rounded
   container itself (.booking-drawer__calendar-embed /
   .contact-flow__calendar-embed) stays defined in each page's own
   stylesheet — only the pieces genuinely common to both live here.

   Adaptive height: the outer container has no fixed/min height of its own
   (height:auto) once ready — js/cal-booking.js only ever adds a temporary
   .is-loading min-height while waiting for Cal's own "linkReady"/
   "bookerReady", removing it the moment either fires (see each page's own
   stylesheet for those tiered values). After that, the container simply
   follows this wrapper's real content height, which follows the iframe's
   own — Cal.com's official embed already resizes that iframe responsively
   as the visitor moves between the calendar, the review-and-confirm form
   and the confirmation view; nothing here intercepts or duplicates that
   (no ResizeObserver, no private "__dimensionChanged" listening). */
.cal-booking__inline {
  width: 100%;
}

.cal-booking__inline iframe {
  display: block;
  width: 100%;
  border: 0;
  margin: 0 auto;
}

.cal-booking__loading,
.cal-booking__failure {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--cb-space-3);
  padding: var(--cb-space-4);
  text-align: center;
}

.cal-booking__loading {
  margin: 0;
  font-family: var(--cb-font-sans);
  font-size: var(--cb-text-small-size);
  color: var(--cb-color-text-secondary);
}

.cal-booking__failure-text {
  margin: 0;
  font-family: var(--cb-font-sans);
  font-size: var(--cb-text-small-size);
  color: var(--cb-color-text-secondary);
}