/* Book a Pickup page. CleanCloud's booking tool has no dark mode, so it sits in a
   white card on the Night page; its accents are recolored by cleancloud-theme.css. */
.book-hero { padding-bottom: 8px; }
.book-section { padding-top: 16px; }
.book-card {
  background: #ffffff;
  color: #0b0b12;
  border-radius: var(--radius);
  padding: 8px;
  height: min(85vh, 860px);
  min-height: 560px;
  overflow: hidden;
  /* Colored glow, never gray (color guide rule 7). */
  box-shadow: 0 0 0 1px var(--line), 0 0 32px rgba(255, 46, 136, 0.18);
}
.book-loading { padding: 24px; margin: 0; color: #0b0b12; }
.book-fallback { margin-top: 16px; color: var(--text-muted); font-size: 0.95rem; }
.book-app { margin-top: 4px; color: var(--text-muted); font-size: 0.95rem; }

/* Site fonts inside the widget (CleanCloud's Google Font is blocked by this page's CSP). */
.book-card .cleanCloudWebApp,
.book-card [class*="__cc_"] { font-family: var(--font-body); }

/* Main call to action matches the site's Book a Pickup button: HOT gradient, Night text.
   Disabled (form not complete yet) must LOOK disabled: flat muted grey, so nobody keeps
   clicking a button that can't work yet. It turns HOT as soon as the step is ready. */
.book-card .__cc_continue_btn button {
  background: var(--hot-gradient);
  color: #0b0b12;
  font-weight: 700;
}
.book-card .__cc_continue_btn button:disabled {
  background: var(--text-muted);
  color: #0b0b12;
  opacity: 0.55;
  cursor: not-allowed;
}