/* Carry Fusebox's approved typography and colors into native Booking pages. */
.theme-grocery {
  --font-body: var(--sans);
  --font-heading: var(--display);
  --color-text: var(--ink);
  --color-muted: var(--muted);
  --color-line: var(--line);
  --color-white: #fff;
  --color-soft: #f3f8f3;
  --color-primary: var(--accent);
  --color-primary-dark: #125936;
  --color-primary-light: var(--tint);
  --container: 1180px;
  --bk-paper: #f3f8f3;
  --bk-ink: var(--ink);
  --bk-green: var(--accent);
}
.theme-grocery .fb { padding-top: 42px; padding-bottom: 72px; }
.theme-grocery .fb h1 { font-size: clamp(32px, 4vw, 46px); font-weight: 650; }
.theme-grocery .fb-panel__title { font-weight: 650; }
.theme-grocery .fb-panel { box-shadow: none; }
.theme-grocery .fb-hero__summary { font-size: 17px; line-height: 1.65; }
.theme-grocery .fb-input { font-size: 16px; }
.theme-grocery .fb-button { min-height: 48px; font-weight: 600; }
.theme-grocery .fb-week__day { min-height: 56px; }
.theme-grocery .fb-manage, .theme-grocery .fb-unavailable { padding-block: 48px; }
.theme-grocery.page-booking-confirmation #main { padding: 48px 20px 72px; }
.theme-grocery .booking-confirmation { font-family: var(--sans); }
.theme-grocery .booking-confirmation h1 { font-family: var(--display); }
.theme-grocery .fb__aside { top: 112px; }
.fusebox-demo-note { color: var(--muted); font-size: 14px; }
.fusebox-demo-note strong { color: var(--ink); }
@media (max-width: 720px) {
  .theme-grocery .fb { padding: 28px 16px 48px; }
  .theme-grocery .fb-hero__summary { font-size: 16px; }
  .theme-grocery .fb-panel { padding: 18px; }
  .theme-grocery .fb-week { gap: 4px; }
}