/* GENERATED by port_hotel.py from the static hotel export (/opt/mybridgeerp-hotel/hotel/book, 11-10-2026).
   Brand: the orange accent is now var(--hp-accent) (BridgeERP navy; brand dark tint in dark mode). */
:root { --hp-accent: #114966; }
[data-theme="dark"] { --hp-accent: #8fbed6; }
.hotel-port { --sx-accent: var(--hp-accent); }
/* the app hero (www-home.css .sx-apphero--v85) paints a white wash with !important and has no dark rule:
   on a dark page that left light text on white */
[data-theme="dark"] .hotel-port .sx-apphero--v85 {
  background:
    radial-gradient(860px 440px at 16% -12%, color-mix(in srgb, var(--sx-accent) 10%, var(--be-bg)), transparent 62%),
    linear-gradient(180deg, color-mix(in srgb, var(--sx-accent) 5%, var(--be-bg)), var(--be-bg) 68%) !important;
}
.bk{padding:3rem 0 4rem}
.bk__lead{max-width:44rem}
.bk__sizes{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 .4rem}
.bk__size{border:1px solid var(--be-border,#e2e8f0);background:var(--be-surface,#fff);
  border-radius:999px;padding:.5rem 1rem;font:inherit;font-size:.86rem;cursor:pointer;color:inherit}
.bk__size.is-on{border-color:var(--sx-accent,var(--hp-accent));color:var(--sx-accent,var(--hp-accent));font-weight:650;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--sx-accent,var(--hp-accent)) 20%,transparent)}
.bk__note{font-size:.85rem;opacity:.7;margin:.2rem 0 0}
.bk__frame{position:relative;margin-top:1.6rem;border:1px solid var(--be-border,#e2e8f0);
  border-radius:16px;overflow:hidden;background:var(--be-surface,#fff);min-height:520px}
.bk__frame iframe{display:block;width:100%;border:0;min-height:520px}
.bk__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  gap:.6rem;font-size:.9rem;opacity:.65;background:var(--be-surface,#fff)}
.bk__loading[hidden]{display:none}
.bk__spin{width:1.05rem;height:1.05rem;border:2px solid var(--be-border,#cbd5e1);
  border-top-color:var(--sx-accent,var(--hp-accent));border-radius:50%;animation:bkspin .7s linear infinite}
@keyframes bkspin{to{transform:rotate(360deg)}}
.bk__fallback{margin-top:1rem;font-size:.88rem}