/* ============ Black glass theme – active when <html data-theme="dark"> (the default; see js/theme.js) ============ */
html[data-theme="dark"] {
  color-scheme: dark;
  --text: #ececec; --muted: #a6a6a6; --line: rgba(255,255,255,.12); --cream: rgba(255,255,255,.04);
  --shadow: 0 10px 34px rgba(0,0,0,.45);
  --glass: rgba(24,24,27,.55); --glass-line: rgba(255,255,255,.1);
}
html[data-theme="dark"] body { background: #0b0b0d; color: var(--text); }
/* soft gold / grey glows behind the glass cards */
html[data-theme="dark"] body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(36vw 36vw at 90% 40%, rgba(227,180,88,.16), transparent 70%),
    radial-gradient(34vw 34vw at 4% 80%, rgba(150,155,165,.16), transparent 70%),
    radial-gradient(28vw 28vw at 50% 110%, rgba(227,180,88,.10), transparent 70%),
    linear-gradient(180deg, #0e0e10 0%, #08080a 100%);
}
html[data-theme="dark"] .hero__curve { background: #0e0e10; }
html[data-theme="dark"] option { background: #1b1b1d; color: #eee; }

/* --- auto-generated: dark versions of the light colours used across the site --- */
html[data-theme="dark"] .search-card { background: rgba(255,255,255,.06); }
html[data-theme="dark"] .tab { background: rgba(255,255,255,.07); color: #e6e6e6; }
html[data-theme="dark"] .tab:not(.active):hover { background: rgba(255,255,255,.11); }
html[data-theme="dark"] .check { color: #d2d2d2; }
html[data-theme="dark"] .field > svg { color: #e6e6e6; }
html[data-theme="dark"] .field label { color: #c4c4c4; }
html[data-theme="dark"] .field select, html[data-theme="dark"] .field input { color: #9a9a9a; }
html[data-theme="dark"] .field select:valid, html[data-theme="dark"] .field input.filled { color: #f2f2f2; }
html[data-theme="dark"] .car-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .car-card__sub { color: #e6e6e6; }
html[data-theme="dark"] .car-card__meta { color: #d2d2d2; }
html[data-theme="dark"] .car-card__meta svg { color: #f2f2f2; }
html[data-theme="dark"] .why__list li { color: #f2f2f2; }
html[data-theme="dark"] .review { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); }
html[data-theme="dark"] .review blockquote { color: #d2d2d2; }
html[data-theme="dark"] .modal__box { background: rgba(255,255,255,.06); }
html[data-theme="dark"] .modal__close { color: #ababab; }
html[data-theme="dark"] .btn--outline { border: 1.5px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); color: #f2f2f2; }
html[data-theme="dark"] .trip-bar { background: rgba(255,255,255,.06); }
html[data-theme="dark"] .filters { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .search-input svg { color: #a0a0a0; }
html[data-theme="dark"] .chips span { border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .sort select, html[data-theme="dark"] .fld select, html[data-theme="dark"] .fld input, html[data-theme="dark"] .fld textarea { background: rgba(255,255,255,.06); color: #f2f2f2; }
html[data-theme="dark"] .fld > span { color: #d2d2d2; }
html[data-theme="dark"] .fld select:disabled { background: rgba(255,255,255,.05); color: #ababab; }
html[data-theme="dark"] .fleet-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .specs { color: #d2d2d2; }
html[data-theme="dark"] .fleet-card__foot strong { color: #f2f2f2; }
html[data-theme="dark"] .empty { border: 1px dashed rgba(255,255,255,.12); background: rgba(255,255,255,.06); }
html[data-theme="dark"] .detail__gallery { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); }
html[data-theme="dark"] .tick-list { color: #e6e6e6; }
html[data-theme="dark"] .book-card, html[data-theme="dark"] .summary { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .seg { background: rgba(255,255,255,.06); }
html[data-theme="dark"] .seg button { color: #c4c4c4; }
html[data-theme="dark"] .breakdown dt { color: #c4c4c4; }
html[data-theme="dark"] .breakdown .total { color: #f2f2f2; }
html[data-theme="dark"] .stepper li { color: #9a9a9a; }
html[data-theme="dark"] .stepper li.active { color: #f2f2f2; }
html[data-theme="dark"] .stepper li.done { color: #e6e6e6; }
html[data-theme="dark"] .step { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); }
html[data-theme="dark"] .pay:has(input:checked) { background: rgba(227,180,88,.12); }
html[data-theme="dark"] .summary__car { background: rgba(255,255,255,.05); }
html[data-theme="dark"] .summary__help a { color: #f2f2f2; }
html[data-theme="dark"] .confirm__card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .confirm__grid { background: rgba(255,255,255,.05); }
html[data-theme="dark"] .upi-box { background: rgba(227,180,88,.08); }
html[data-theme="dark"] .sub__title { color: #f2f2f2; }
html[data-theme="dark"] .svc__opt { border: 2px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); }
html[data-theme="dark"] .svc__opt.active { background: rgba(227,180,88,.12); }
html[data-theme="dark"] .dt-pair input, html[data-theme="dark"] .dt-pair select { background: rgba(255,255,255,.06); color: #f2f2f2; }
html[data-theme="dark"] .chosen { background: rgba(227,180,88,.12); }
html[data-theme="dark"] .summary__row--label { color: #e6e6e6; }
html[data-theme="dark"] .pkg-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .pkg-card__meta { color: #e6e6e6; }
html[data-theme="dark"] .about__text p { color: #d2d2d2; }
html[data-theme="dark"] .stats span { color: #c4c4c4; }
html[data-theme="dark"] .how li { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .contact__info, html[data-theme="dark"] .contact__form { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .map { border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .attach__drop { border: 2px dashed rgba(255,255,255,.12); }
html[data-theme="dark"] .attach__drop.drag { background: rgba(227,180,88,.12); }
html[data-theme="dark"] .attach__photo { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .attach__add { border: 1.5px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); color: #c4c4c4; }
html[data-theme="dark"] .attach__add:hover { color: #f2f2f2; background: rgba(227,180,88,.12); }
html[data-theme="dark"] .attach__agree { color: #e6e6e6; }
html[data-theme="dark"] .booking-item { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .acct-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .acct-note { color: #e6e6e6; background: rgba(255,255,255,.05); }
html[data-theme="dark"] .fld input[readonly] { background: rgba(255,255,255,.05); color: #c4c4c4; }
html[data-theme="dark"] .acct-trip { background: rgba(255,255,255,.05); }
html[data-theme="dark"] .email-verify__row .otp-input { border: 1px solid var(--line, rgba(255,255,255,.12)); }
html[data-theme="dark"] .owner-stat { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .owner-photos__add:hover { background: rgba(227,180,88,.12); }
html[data-theme="dark"] .acct-menu__list { background: rgba(255,255,255,.06); }
html[data-theme="dark"] .acct-menu__list a, html[data-theme="dark"] .acct-menu__list button { color: #f2f2f2; }
html[data-theme="dark"] .acct-menu__list a:hover, html[data-theme="dark"] .acct-menu__list button:hover { background: rgba(227,180,88,.14); }
html[data-theme="dark"] .acct-menu__list button { border-top: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .acct-menu__list a small { color: #a0a0a0; }

/* --- glass cards --- */
html[data-theme="dark"] .car-card, html[data-theme="dark"] .review, html[data-theme="dark"] .search-card, html[data-theme="dark"] .trip-bar, html[data-theme="dark"] .filters, html[data-theme="dark"] .fleet-card, html[data-theme="dark"] .empty, html[data-theme="dark"] .detail__gallery, html[data-theme="dark"] .book-card, html[data-theme="dark"] .summary, html[data-theme="dark"] .step, html[data-theme="dark"] .confirm__card, html[data-theme="dark"] .svc__opt, html[data-theme="dark"] .pkg-card, html[data-theme="dark"] .how li, html[data-theme="dark"] .contact__info, html[data-theme="dark"] .contact__form, html[data-theme="dark"] .attach__docs li, html[data-theme="dark"] .booking-item, html[data-theme="dark"] .acct-card, html[data-theme="dark"] .owner-stat, html[data-theme="dark"] .why, html[data-theme="dark"] .modal__box {
  background: var(--glass);
  border: 1px solid var(--glass-line);
  -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%);
  box-shadow: 0 10px 34px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"] .why { border-left: 0; border-right: 0; }
html[data-theme="dark"] .car-card:hover, html[data-theme="dark"] .fleet-card:hover, html[data-theme="dark"] .pkg-card:hover, html[data-theme="dark"] .review:hover { border-color: rgba(227,180,88,.45); }
html[data-theme="dark"] .svc__opt.active, html[data-theme="dark"] .pay:has(input:checked), html[data-theme="dark"] .chosen, html[data-theme="dark"] .km-plan:has(input:checked) { background: rgba(227,180,88,.12); }
html[data-theme="dark"] .acct-menu__list { background: rgba(24,24,27,.92); border: 1px solid var(--glass-line); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
html[data-theme="dark"] .acct-menu__list a, html[data-theme="dark"] .acct-menu__list button { color: #eee; }
html[data-theme="dark"] .acct-menu__list a:hover, html[data-theme="dark"] .acct-menu__list button:hover { background: rgba(227,180,88,.14); }
html[data-theme="dark"] .acct-menu__list button { color: #ff8a80; border-top-color: rgba(255,255,255,.1); }

/* car photos are white-background JPGs: show them on a light rounded plate */
html[data-theme="dark"] .car-card img, html[data-theme="dark"] .fleet-card__img img, html[data-theme="dark"] .detail__gallery img, html[data-theme="dark"] .summary__car img, html[data-theme="dark"] .chosen__img img, html[data-theme="dark"] .booking-item img {
  mix-blend-mode: normal; background: #fff; border-radius: 10px;
}
html[data-theme="dark"] .fleet-card__img { background: transparent; }

@media print {
  html[data-theme="dark"] { color-scheme: light; --text: #1c1c1c; --muted: #5d5d5d; }
  html[data-theme="dark"] body { background: #fff; color: #1c1c1c; } html[data-theme="dark"] body::before { display: none; }
}