/* Rize Lists — Tim's burgundy / charcoal / beige direction, 27 September 2026.
   Load after existing styles. Typography, floor plans and booking data are preserved. */
:root, html[data-rize-surface] {
  --rize-burgundy: #560e20;
  --rize-burgundy-hover: #70182e;
  --rize-charcoal: #191817;
  --rize-black: #0e0e10;
  --rize-beige: #dcc6a5;
  --rize-white: #faf5ef;
  --bg: var(--rize-charcoal); --paper: var(--rize-charcoal);
  --panel: #222225; --panel2: #2b292c; --sand: #302b2d;
  --ink: var(--rize-white); --muted: #c2b9b5; --mute: #c2b9b5;
  --line: #ffffff30; --line-s: #ffffff1c; --hair: #ffffff30;
  --coral: var(--rize-burgundy); --primary: var(--rize-burgundy); --blue: var(--rize-burgundy);
  --aqua: var(--rize-beige); --aqua-d: var(--rize-beige); --aqua-deep: #c8ad85;
  --aqua-lite: #34232b; --gold: var(--rize-beige); --gold-d: var(--rize-beige);
  --brown: var(--rize-beige); --copper: var(--rize-beige); --acc: var(--rize-beige);
  --dim: #c2b9b5; --dimmer: #aca29d;
  color-scheme: dark;
}
html, body { background: var(--rize-charcoal) !important; color: var(--rize-white); }
::selection { background: var(--rize-beige); color: #23191a; }
:focus-visible { outline: 2px solid var(--rize-beige) !important; outline-offset: 4px; }
/* Page surfaces and the fields beneath the venue introduction. */
#about, .faq, .fq, .quote, .closing, footer, .site-footer,
.modal .box, .modal .modal-back, .xp-rail, .xp-cta,
.details-panel, .application, .auth-panel, .portal-panel {
  background-color: var(--rize-charcoal); color: var(--rize-white);
  border-color: var(--line);
}
.hero:has(.controls), .quote .row:has(#fDate) { background: var(--rize-black); border-color: var(--line); }
.field, .zone-select, .modal .rev, .modal input, .modal textarea {
  background-color: var(--panel); color: var(--rize-white); border-color: var(--line);
}
.modal input:focus, .modal textarea:focus { background: var(--panel2); border-color: var(--rize-beige); }
.modal .modal-back { background: var(--panel); color: var(--rize-white); }
.q p, .details-panel p, .application .section-intro { color: var(--muted); }
/* Customer account/onboarding templates use their own original light surfaces. */
html[data-rize-surface="hub"] :is(header,.auth-card,.details-panel,.auth-panel,.application,.panel,.request-card) {
  background-color: var(--rize-charcoal); color: var(--rize-white); border-color: var(--line);
}
html[data-rize-surface="hub"] :is(label,.auth-panel>p,.text-button) { color: var(--muted); }
:where(html[data-rize-surface="hub"]) button { background-color: var(--panel); color: var(--rize-white); border-color: var(--line); }
html[data-rize-surface="hub"] :is(input:not([type=checkbox]):not([type=radio]),textarea,select) {
  background-color: var(--panel); color: var(--rize-white); border-color: var(--line);
}
html[data-rize-surface="hub"] :is(.upload,.secondary) { background: var(--rize-beige); color: #251b1c; }
html[data-rize-surface="hub"] :is(.intro,.pitch) { background-color: var(--rize-burgundy); }
html[data-rize-surface="hub"] :is(.intro,.pitch) :is(h1,h2,h3,p,.eyebrow) { color: var(--rize-white); }
html[data-rize-surface="hub"] .auth-panel>p:not(.muted):not(.terms-note),
html[data-rize-surface="hub"] :is(.application,.auth-card) :is(.lede,.section-intro,.small,.eyebrow,.draft,.steps button) { color: var(--muted); }
html[data-rize-surface="hub"] .event { background: var(--panel); border-color: var(--line); }
html[data-rize-surface="hub"] :is(.steps button[aria-current],.auth-switch .active,.line-symbol) { color: var(--rize-beige); border-color: var(--rize-beige); }
html[data-rize-surface="hub"] .language { background: #fff; color: #171717; }
html[data-rize-surface="hub"] header .brand img { filter: brightness(0) invert(1); }
.site-foot .foot-logo img, .site-foot .foot-brand img { filter: brightness(0) invert(1); }
/* White language/country controls are deliberately retained from Tim's earlier request. */
body select.rize-phone-country, body #langSel, body select#language {
  background: #fff !important; color: #171717 !important; color-scheme: light;
}
body select.rize-phone-country option, body #langSel option, body select#language option { background: #fff; color: #171717; }
input::placeholder, textarea::placeholder { color: #c2b9b5; opacity: 1; }
input[type=checkbox], input[type=radio] { accent-color: var(--rize-burgundy); }
/* Photo strips stay image-only, including expanded and translated states. */
html[data-rize-surface="venue"] .closing :is(.cta,[data-t="cta_b"]) { letter-spacing: normal !important; text-transform: uppercase !important; }
html[data-rize-surface="venue"] .bands .band .bd { visibility: hidden !important; pointer-events: none; }
/* Beige table pills keep all labels readable; hover, focus and selection use wine red. */
html[data-rize-surface="venue"] .list .card {
  --ink: #251b1c; --muted: #57483f; --brown: #251b1c; --gold: #560e20;
  background: var(--rize-beige); color: #251b1c; border-color: #c3a984;
  transition: background-color .18s, border-color .18s, color .18s;
}
html[data-rize-surface="venue"] .list .card .id,
html[data-rize-surface="venue"] .list .card .min,
html[data-rize-surface="venue"] .list .card .bv { color: var(--ink); }
html[data-rize-surface="venue"] .list .card:is(:hover,:focus-visible,:focus-within,.sel) {
  --ink: #faf5ef; --muted: #eadbce; --brown: #faf5ef; --gold: #dcc6a5;
  background: var(--rize-burgundy); color: var(--rize-white); border-color: #a66573;
}
.chero .cta, .summary .s-row button, .modal .send, .btn-primary,
.xp-launch, .list-more, .box.on { background: var(--rize-beige); color: #251b1c; border-color: var(--rize-beige); }
html[data-rize-surface="venue"] .btn { background: var(--rize-beige); color: #251b1c; border-color: var(--rize-beige); }
html[data-rize-surface="venue"] .btn:hover { background: var(--rize-burgundy); color: var(--rize-white); }
.chero .cta:hover, .summary .s-row button:hover, .modal .send:hover,
.xp-launch:hover, .list-more:hover, .box:hover { background: var(--rize-burgundy); color: var(--rize-white); border-color: #a66573; }
button.primary, button[type=submit] { background: var(--rize-burgundy); color: var(--rize-white); border-color: #a66573; }
button.primary:hover, button[type=submit]:hover { background: var(--rize-burgundy-hover); }
/* Rize Lists home: one burgundy Dubai scene behind the existing booking desk. */
#desk.block.coral {
  background-color: var(--rize-burgundy);
  background-image: linear-gradient(90deg, #560e2059, #420b1bc9 60%, #360914e8), url('/assets/hero/dubai-burgundy-night.jpg');
  background-position: center, left bottom; background-size: cover; background-repeat: no-repeat;
  color: var(--rize-white); isolation: isolate;
}
#desk .desk h2 .rize-accent { color: var(--rize-beige); }
#desk .f, #desk .f label, #desk .tickets, #desk .ticket, #desk .empty { border-color: #e5cbb773; }
#desk .f { background: #24070e2e; }
#desk .f input, #desk .f textarea { background: transparent; color: var(--rize-white); }
#desk .f select { background: var(--rize-beige); color: #251b1c; color-scheme: light; }
#desk .boxes #sendBtn { background: var(--rize-beige); color: #251b1c; border-color: var(--rize-beige); }
#desk .boxes #sendBtn:hover { background: #f0ddbf; color: #251b1c; }
body .wa, body .wa-float, body .whatsapp-float, body .nav .plan b,
body .rize-create-account, body .home-create-account {
  background: var(--rize-beige); color: #251b1c; border-color: var(--rize-beige);
}
body .nav { background: var(--rize-black); color: var(--rize-white); mix-blend-mode: normal; }
.tile .add.on, .tile .add:hover { background: var(--rize-burgundy); color: var(--rize-white); border-color: var(--rize-beige); }
@media(max-width:700px) {
  #desk.block.coral { background-image: linear-gradient(#460b1ca3,#360914e8 66%),url('/assets/hero/dubai-burgundy-night.jpg'); background-position: center, 34% top; }
}
@media(prefers-reduced-motion:reduce) { html[data-rize-surface="venue"] .list .card { transition: none; } }