/* ── pause-light.css — light-theme overrides for the booking-pause UI ──────────────────
 * policy.js injects its pause styles (banner / panel / staff chip) at RUNTIME, tuned for the
 * dark checkout pages: cream text on an amber tint, cyan-glow chip. On a LIGHT page (shop
 * configurator, pre-owned reserve) that cream/cyan is nearly invisible. These rules restate
 * the same components in the light palette used across /o/ and /b/.
 *
 * SPECIFICITY: policy.js appends its <style> to <head> after this linked sheet, so on a tie it
 * would win. Every selector here is prefixed with `html.pause-light` (a two-class selector) so
 * it outranks policy.js's single-class rules regardless of source order. The page opts in by
 * adding class="pause-light" to <html>.
 * ---------------------------------------------------------------------------------------- */

html.pause-light .pause-banner {
  border: 1px solid rgba(245, 166, 35, .5);
  border-left: 3px solid #F5A623;
  background: rgba(245, 166, 35, .12);
  color: #5A4A2B;
}
html.pause-light .pause-banner b { color: #9A6A0B; }
html.pause-light .pause-banner a { color: #9A6A0B; }

html.pause-light .pause-panel {
  border: 1px solid rgba(245, 166, 35, .5);
  background: rgba(245, 166, 35, .10);
}
html.pause-light .pause-panel h3 { color: #9A6A0B; }
html.pause-light .pause-panel p { color: #3A4A56; }

/* The amber "Call us" button already reads (dark text on amber); leave it. The outline
 * "Have us call you" needs a darker amber to be legible on white. */
html.pause-light .pause-callback { color: #9A6A0B; border-color: rgba(245, 166, 35, .7); }

/* Staff key field — dark input on a light card. */
html.pause-light .pause-staff input {
  background: #fff;
  color: #10212B;
  border: 1px solid #CFDAE1;
}
html.pause-light .pause-staff-msg { color: #B23B3B; }

/* Staff chip — cyan glow → deep cyan on a faint cyan tint. */
html.pause-light .staff-chip {
  background: rgba(0, 150, 166, .08);
  border: 1px solid rgba(0, 150, 166, .4);
  color: #0B5B64;
}
html.pause-light .staff-chip button { color: #0096A6; }

/* A disabled checkout CTA must LOOK disabled — while paused it reads "Checkout paused", and a
 * full-strength button invites repeat clicks. (The reserve CTA already dims via booking-shared.) */
html.pause-light .btn-checkout:disabled { opacity: .5; cursor: default; }
