/* Impact360 — Book Online (hidden page): the Wix Bookings empty state.
   v2 corporate restraint: the film hero with the title, then one calm frosted plate resting on the hero edge —
   a plain calendar line icon, the message, the contact Glass Button. Nothing pulses, turns or glows.
   Shared material/components live in site.css; this file only composes them. */

/* the footer rests on the viewport floor on tall screens: the sticky footer is shared (site.css §2) */

/* ---------------------------------------------------------------- hero: the title */
.bk-hero .page-hero-window { min-height: clamp(340px, 46vh, 520px); }
.bk-hero .page-hero-inner { padding-block: clamp(36px, 5vw, 72px) calc(var(--lap) + clamp(32px, 3.6vw, 56px)); }
.bk-hero .page-title { font-size: clamp(52px, 6.8vw, 104px); line-height: .98; letter-spacing: -.03em; }
.bk-hero .page-title [lang="en"], [lang="en"] .bk-hero .page-title { font-weight: 800; }

/* ---------------------------------------------------------------- the plate on the hero edge */
.bk { padding: 0 var(--gutter) clamp(88px, 10vw, 150px); } /* + .lap-slab (site.css): rests on the hero edge */
.bk-plate {
  --tint-a: rgba(255, 255, 255, .84); --tint-b: rgba(255, 255, 255, .7); /* the part over the dark film stays light */
  max-width: 960px; margin-inline: auto;
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center;
  gap: clamp(18px, 2.4vw, 32px);
  padding: clamp(28px, 3.2vw, 44px) clamp(24px, 3.4vw, 48px);
  border-radius: 24px;
}
.bk-mark { display: block; width: 32px; height: 32px; color: var(--blue); }
.bk-mark .i { width: 100%; height: 100%; }
.bk-copy > * + * { margin-block-start: .3em; }
.bk-msg { font: 900 clamp(22px, 2.1vw, 30px)/1.3 var(--font-display); letter-spacing: -.01em; color: var(--ink); text-wrap: balance; }
[lang="en"] .bk-msg, .bk-msg [lang="en"] { font-weight: 700; letter-spacing: -.015em; }
.bk-msg .ph { display: inline-block; max-width: 100%; }
.bk-actions { display: flex; justify-content: flex-end; }
.bk-actions .glass-button-text { white-space: nowrap; }

/* ---------------------------------------------------------------- responsive */
@media (max-width: 1079px) {
  .bk-hero .page-hero-window { min-height: clamp(320px, 42vh, 460px); }
}
@media (max-width: 700px) {
  .bk-plate { grid-template-columns: auto minmax(0, 1fr); }
  .bk-actions { grid-column: 1 / -1; justify-content: flex-start; padding-inline-start: calc(32px + clamp(18px, 2.4vw, 32px)); }
}
@media (max-width: 640px) {
  .bk-hero .page-hero-window { min-height: 0; }
  .bk-hero .page-hero-inner { padding: 30px 20px calc(var(--lap) + 30px); }
  .bk-hero .page-title { font-size: clamp(46px, 14vw, 62px); }
  .bk { padding-inline: 14px; }
  .bk-plate { grid-template-columns: minmax(0, 1fr); justify-items: start; padding: 26px 22px 22px; border-radius: 20px; gap: 14px; }
  .bk-mark { width: 28px; height: 28px; }
  .bk-msg { font-size: clamp(21px, 6vw, 26px); }
  .bk-actions { grid-column: auto; padding: 0; width: 100%; justify-content: flex-start; margin-block-start: 6px; }
  .bk-actions > .cta-pool, .bk-actions .cta-pool .glass-button-wrap, .bk-actions .cta-pool .glass-button { display: block; width: 100%; }
}
@media (forced-colors: active) {
  .bk-mark { color: CanvasText; }
}