/* T116.4 + T153.1 — embed-mode overrides for book.html.
 *
 * Activated when book.html is loaded with ?embed=1 (the inline head script
 * stamps `embed` on the body class). The landing-page iframe wrapper
 * (BookingEmbed.tsx) hides its own chrome and lets the booking form fill
 * the iframe; these rules suppress the standalone-page chrome that would
 * otherwise duplicate landing affordances or push the form below the fold.
 *
 * Lives in its own file (NOT book-base.css) because book-base.css carries
 * a hard 400 LOC cap (test_book_base_under_400_lines). Conditionally
 * gated by `body.embed`, so non-embed visits to /book are untouched.
 *
 * T116.4 hid the original four:
 *   - .bbpc-footer  (the floating "built by paircoder" badge)
 *   - .status-bar   (the SYS_OK + uptime header strip)
 *   - .theme-toggle (the day/night toggle button)
 *   - .crt-band, .crt-scanlines, .crt-vignette, .spark
 *     (decorative overlays that don't fit a clean iframe surface)
 *
 * T153.1 extends the scope so only the booking form (service select +
 * coupon + calendar + slot grid + identity + submit) renders:
 *   - .header       (BOOK A SESSION title block + silkscreen tags)
 *   - .footnote     ("no spam · one reply" reassurance line)
 *   - .lore-panel   (silkscreen-tag dialog — its trigger lives inside
 *                    .header which is now hidden, so this is unreachable;
 *                    rule is defensive against any code path that toggles
 *                    the .open class while embedded)
 *   - .lore-backdrop (the lore dialog's full-viewport scrim)
 *   - body padding   (book-base.css applies 48px 16px to body; inside
 *                     the fixed-height iframe that pushes the form below
 *                     the fold — tighten to 0)
 *
 * What stays: the booking form itself (.card + form fields + slot grid
 * + submit), the success state, and the cancellation-ack modal — every
 * interactive surface the booker needs.
 */

/* T116.4 baseline: chrome strip + decorative overlays. */
body.embed .bbpc-footer { display: none; }
body.embed .status-bar { display: none; }
body.embed .crt-band,
body.embed .crt-scanlines,
body.embed .crt-vignette,
body.embed .spark { display: none; }

/* Hotfix 2026-05-14: re-show the theme toggle in embed mode (Kevin asked).
 * T116.4 hid it as "chrome" but operators inside the iframe want to switch
 * day <-> night without leaving the landing. Position it inside the
 * iframe viewport (top-right of the card) so it doesn't clash with the
 * landing chrome around the iframe. */
body.embed .theme-toggle {
  display: inline-flex;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
}

/* T153.1: extend strip to page-title block + reassurance footnote. */
body.embed .header { display: none; }
body.embed .footnote { display: none; }

/* T153.1: hide the silkscreen-tag dialog overlay markup. Its trigger
 * lives inside .header (now hidden), so the dialog is unreachable —
 * this rule is defensive. */
body.embed .lore-panel { display: none; }
body.embed .lore-backdrop { display: none; }

/* Inside the iframe the page wraps itself; tighten the card padding so
 * the form fits the 1100px / 1400px iframe heights without scrollbars.
 * T153.1: also zero the body-level page padding (book-base.css sets
 * `padding: 48px 16px` for the standalone page). */
body.embed .card { padding: 16px 18px; }
body.embed {
  background: transparent;
  padding: 0;
}