/* ============================================================
   BOOK A CALL PAGE — book-a-call.css
   Requires: styles.css (design tokens, layout, buttons, nav, footer)
   ============================================================ */

/* .page-header styles live in styles.css */

/* ── Active nav item ────────────────────────────────────────── */
.nav__links a[aria-current="page"] {
  color: var(--color-blue);
  font-weight: var(--weight-bold);
}

/* ── Cal.eu inline embed section ───────────────────────────── */
.bac-section {
  padding-block: var(--space-8) var(--space-16);
}

.bac-embed {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  overflow: visible; /* must not clip the cal.eu iframe as it mounts */
}

/* min-height prevents a flash of zero-height before cal.eu's postMessage
   resize fires; height:auto then lets the div shrink to fit the iframe. */
#my-cal-inline-30min {
  min-height: 500px;
  height: auto;
}

/* ── Mobile ─────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .bac-embed {
    border-radius: 0;
  }

  #my-cal-inline-30min {
    min-height: 650px; /* calendar stacks vertically on narrow screens */
  }

  .bac-section .container {
    padding-inline: 0;
  }
}