/* Public booking appearance follows the customer's device. */
:root{color-scheme:light dark;--booking-page:#f3f6fa;--booking-page-ink:#172b42;--booking-page-muted:#62748a}
html[data-theme=dark]{--booking-page:#0b121b;--booking-page-ink:#eef4fc;--booking-page-muted:#bac9dc}
html body{background:var(--booking-page);color:var(--booking-page-ink)}
.public-booking-home p{color:var(--booking-page-muted)}
html[data-theme=dark] #modal .booking-request-error{color:#ffb4ab}
html[data-theme=dark] #modal.booking-popup .booking-profile-links a{color:#83c8ff}
html[data-theme=dark] #modal.booking-popup .booking-service-search>svg{color:#a7b9ce}
html[data-theme=dark] #modal.booking-popup .booking-selected-service{background:#213348}
html[data-theme=dark] #modal.booking-popup .booking-service-options button[aria-pressed=true]{background:#29475b!important;border-color:#83c8ff!important}

/* An embedded booking is the popup content, not a second centered modal. */
html[data-booking-embedded=true],html[data-booking-embedded=true] body{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none;scrollbar-gutter:auto}
html[data-booking-embedded=true] .public-booking-home{margin:0;padding:16px;max-width:none}
html[data-booking-embedded=true] #modal.booking-popup[open]{box-sizing:border-box;position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0!important;border-radius:0;box-shadow:none;overflow:hidden;padding:0}
html[data-booking-embedded=true] #modal.booking-popup #form{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:0;overflow:hidden}
html[data-booking-embedded=true] #modal.booking-popup .booking-wizard{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:16px 18px}
html[data-booking-embedded=true] #modal.booking-popup #form>.actions{position:static;flex:0 0 auto;margin:0;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-radius:0}
html[data-booking-embedded=true] #modal.booking-popup .booking-request-error{flex:0 0 auto;max-height:80px;overflow:auto;padding:8px 18px}
html[data-booking-embedded=true] #modal::backdrop{background:transparent}
@media(max-width:600px){html[data-booking-embedded=true] #modal.booking-popup .booking-wizard{padding:14px 12px}html[data-booking-embedded=true] #modal.booking-popup #form>.actions{padding:10px 12px max(10px,env(safe-area-inset-bottom))}html[data-booking-embedded=true] #modal.booking-popup .booking-profile-brand{margin-bottom:10px;padding-bottom:12px}html[data-booking-embedded=true] #modal.booking-popup .booking-steps{margin:12px 0}}