/* =========================================================
   Dark mode for Amy's Turo-Turo
   Applied when <html data-theme="dark"> (set by the toggle in the header,
   or by the visitor's device setting the first time).
   Part 1 = colour variables, Part 2 = overrides for the
   colours hard-coded in style.css (generated from it — if you change a
   colour in style.css and it looks wrong in dark mode, add a rule to Part 2).
   ========================================================= */

/* ---- Part 1: variables ---- */
html[data-theme="dark"] {
  color-scheme: dark;
  --cream-paper: #1a1511;
  --cream-card:  #2b2218;
  --ink:         #f3e9da;
  --ink-soft:    #cbbba3;
  --green-deep:  #6b211b;      /* big red banners/footer: deeper so white text stays easy to read */
  --green-deeper:#4a1713;
  --surface:     #241d16;
  --surface-2:   #2d2418;
  --line:        #43372a;
  --muted:       #b3a28b;
}

/* ---- Part 2: generated overrides for hard-coded colours in style.css (the homepage is excluded) ---- */
html[data-theme="dark"] body:not(.home-page) h1,
html[data-theme="dark"] body:not(.home-page) h2,
html[data-theme="dark"] body:not(.home-page) h3,
html[data-theme="dark"] body:not(.home-page) .signboard { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) a { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .brand .stick { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .menu-category { border-bottom:1px dashed #5c5132; }
html[data-theme="dark"] body:not(.home-page) .menu-row + .menu-row { border-top:1px dotted #5c5132; }
html[data-theme="dark"] body:not(.home-page) .menu-row:hover:not(.item-unavailable) { background:rgba(26,21,17,0.55); }
html[data-theme="dark"] body:not(.home-page) .menu-row .item-price { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .sauce-pill:has(input:checked) { background:#362e1a; color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .add-to-cart-form input[type="number"] { border:1px solid #5c5132; }
html[data-theme="dark"] body:not(.home-page) .tag-available { color:#ff9d8f; background:#224025; }
html[data-theme="dark"] body:not(.home-page) .photo-frame .placeholder { background:repeating-linear-gradient(45deg, #534728, #534728 10px, #423720 10px, #423720 20px); }
html[data-theme="dark"] body:not(.home-page) .value-list li::before { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .field input,
html[data-theme="dark"] body:not(.home-page) .field textarea { border:2px solid #52482c; background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .alert-success { background:#1a361e; color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .alert-error { background:#2f1717; color:#f27d8e; }
html[data-theme="dark"] body:not(.home-page) .cart-row { border-bottom:1px dotted #5c5132; }
html[data-theme="dark"] body:not(.home-page) .cart-row input[type="number"] { border:1px solid #5c5132; }
html[data-theme="dark"] body:not(.home-page) .cart-row-price { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .cart-total { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .admin-table th { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .admin-table td { border-bottom:1px dotted #5c5132; }
html[data-theme="dark"] body:not(.home-page) .admin-price-input { border:1px solid #5c5132; }
html[data-theme="dark"] body:not(.home-page) .admin-table select { border:1px solid #5c5132; }
html[data-theme="dark"] body:not(.home-page) .btn-text-remove { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .btn-text-remove:hover { color:#e0968f; }
@media (max-width: 760px) {
html[data-theme="dark"] body:not(.home-page) .site-nav ul { border-top:1px solid rgba(31,25,20,0.15); }
}
html[data-theme="dark"] body:not(.home-page) .menu-card { background:#231f11; }
html[data-theme="dark"] body:not(.home-page) .menu-card-top .item-price { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .admin-add-card { border:2px dashed #5c5132; }
html[data-theme="dark"] body:not(.home-page) .admin-item-photo { background:#4f4326; }
html[data-theme="dark"] body:not(.home-page) .admin-item-fields input[type="text"],
html[data-theme="dark"] body:not(.home-page) .admin-item-fields input[type="number"],
html[data-theme="dark"] body:not(.home-page) .admin-item-fields select { border:1px solid #5c5132; }
@media (max-width: 700px) {
html[data-theme="dark"] body:not(.home-page) .admin-table-responsive tr { border:1px solid #5c5132; }
html[data-theme="dark"] body:not(.home-page) .admin-table-responsive td::before { color:#ff9d8f; }
}
html[data-theme="dark"] body:not(.home-page) { background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .btn-outline-red { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .alert-info { background:#36301a; color:#dd9a92; }
html[data-theme="dark"] body:not(.home-page) .site-header { background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .brand { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .brand .stick { color:#f4cd7b; }
html[data-theme="dark"] body:not(.home-page) .site-nav a { color:#ceb4a1; }
html[data-theme="dark"] body:not(.home-page) .site-nav a:hover,
html[data-theme="dark"] body:not(.home-page) .site-nav a[aria-current="page"] { color:#ff9d8f; }
@media (max-width: 760px) {
html[data-theme="dark"] body:not(.home-page) .site-nav ul { border-top:1px solid #2a221c; }
}
html[data-theme="dark"] body:not(.home-page) .mi-arrow { background:rgba(26,21,17,0.90); color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .mi-arrow:hover { background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .mi-dots button { border:2px solid #1f1914; }
html[data-theme="dark"] body:not(.home-page) .mi-section-tint { background:#332c18; }
html[data-theme="dark"] body:not(.home-page) .mi-feat-card h3 { color:#ceb4a1; }
html[data-theme="dark"] body:not(.home-page) .mi-feat-price { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .mi-tabs { background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .mi-tab { background:#1a1511; color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .mi-tab:hover { background:#3a321c; }
html[data-theme="dark"] body:not(.home-page) .menu-card { background:#1a1511; border:1px solid #3d3521; }
html[data-theme="dark"] body:not(.home-page) .modal-box { background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .modal-close { color:#b5b5b5; }
html[data-theme="dark"] body:not(.home-page) .footer-copy { border-top:1px solid rgba(31,25,20,0.15); }
html[data-theme="dark"] body:not(.home-page) .cat-add-form,
html[data-theme="dark"] body:not(.home-page) .cat-row { background:#332c18; border:1px solid #3d3521; }
html[data-theme="dark"] body:not(.home-page) .cat-add-form input,
html[data-theme="dark"] body:not(.home-page) .cat-row input { border:2px solid #4b4128; }
html[data-theme="dark"] body:not(.home-page) .site-nav a:hover,
html[data-theme="dark"] body:not(.home-page) .site-nav a[aria-current="page"] { background:#362e1a; }
html[data-theme="dark"] body:not(.home-page) .cart-link { color:#ceb4a1; }
html[data-theme="dark"] body:not(.home-page) .cart-link:hover { background:#362e1a; }
html[data-theme="dark"] body:not(.home-page) .cart-badge { border:2px solid #1f1914; }
html[data-theme="dark"] body:not(.home-page) .pay-method-card { border:2px solid #51462b; background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .pay-method-option input:checked + .pay-method-card { background:#362e1a; }
html[data-theme="dark"] body:not(.home-page) .pay-tag-cash { background:#362e1a; color:#f4ca7b; }
html[data-theme="dark"] body:not(.home-page) .pay-tag-gcash { background:#192733; color:#7bb5f4; }
html[data-theme="dark"] body:not(.home-page) .site-header { background:rgba(26,21,17,0.96); }
html[data-theme="dark"] body:not(.home-page) .tb-brand { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .tb-name { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .tb-name b { color:#f4cd7b; }
html[data-theme="dark"] .tb-nav a:not(.btn) { color:#ceb4a1; }
html[data-theme="dark"] .tb-nav a:not(.btn):hover { color:#ff9d8f; }
html[data-theme="dark"] .tb-nav a[aria-current="page"] { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .tb-status.is-open { background:#193420; color:#8be4a7; }
html[data-theme="dark"] body:not(.home-page) .tb-status.is-closed { background:#352b1b; color:#c6bcb0; }
html[data-theme="dark"] body:not(.home-page) .tb-icon-btn { color:#ceb4a1; }
html[data-theme="dark"] body:not(.home-page) .tb-icon-btn:hover { background:#3a321c; color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .tb-badge { border:2px solid #1f1914; }
html[data-theme="dark"] .tb-menu { background:#1a1511; border:1px solid #3d3521; }
html[data-theme="dark"] .tb-menu a { color:#ceb4a1; }
html[data-theme="dark"] .tb-menu a:hover { background:#3a321c; color:#ff9d8f; }
html[data-theme="dark"] .tb-menu-hi { color:#ff9d8f; }
html[data-theme="dark"] .tb-menu-out { border-top:1px solid #3d3521; }
@media (max-width: 860px) {
html[data-theme="dark"] .tb-nav { background:#1a1511; }
html[data-theme="dark"] .tb-nav a:not(.btn) { border-bottom:1px solid #342e1c; }
}
html[data-theme="dark"] body:not(.home-page) .mn-crumb { color:#bab2aa; }
html[data-theme="dark"] body:not(.home-page) .mn-crumb a { color:#bab2aa; }
html[data-theme="dark"] body:not(.home-page) .mn-crumb a:hover { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .mn-title { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .mn-cats li { border-bottom:1px solid #342a1c; }
html[data-theme="dark"] body:not(.home-page) .mn-cat { color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .mn-cat:hover { background:#39341c; }
html[data-theme="dark"] body:not(.home-page) .mn-panel h2 { color:#e4ded9; }
html[data-theme="dark"] body:not(.home-page) .mn-card { background:#1a1511; border:1px solid #31271a; }
html[data-theme="dark"] body:not(.home-page) .mn-photo { background:#2c2515; }
html[data-theme="dark"] body:not(.home-page) .mn-name { color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .mn-price { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .mn-qty { border:2px solid #3b3020; }
html[data-theme="dark"] body:not(.home-page) .mn-qty button { background:#2c2515; color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .mn-form .mn-qty input { background:#1a1511; }
@media (max-width: 899px) {
html[data-theme="dark"] body:not(.home-page) .mn-side { background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .mn-cat { background:#312817; }
}
html[data-theme="dark"] body:not(.home-page) .ripple { background:rgba(26,21,17,0.45); }
html[data-theme="dark"] body:not(.home-page) .ct-map { background:#372b1b; }
html[data-theme="dark"] body:not(.home-page) .ct-map-pin { background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .ct-map-pin strong { color:#ff9d8f; }
@media (max-width: 600px) {
html[data-theme="dark"] body:not(.home-page) .ct-map-pin { border-top:1px solid #3d3521; }
}
html[data-theme="dark"] body:not(.home-page) .ad-stat { background:#332c18; border:1px solid #3d3521; }
html[data-theme="dark"] body:not(.home-page) .ad-stat b { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .ad-nav { background:#1a1511; border-bottom:1px solid #3d3521; }
html[data-theme="dark"] body:not(.home-page) .ad-nav a { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .btn-danger-outline { color:#e1958f; }
html[data-theme="dark"] body:not(.home-page) .ad-move select { border:2px solid #4b4128; }
html[data-theme="dark"] body:not(.home-page) .ad-filter select { border:2px solid #4b4128; }
html[data-theme="dark"] body:not(.home-page) .cart-item { background:#1a1511; border:1px solid #31271a; }
html[data-theme="dark"] body:not(.home-page) .cart-thumb,
html[data-theme="dark"] body:not(.home-page) .co-thumb { background:#3a321c; }
html[data-theme="dark"] body:not(.home-page) .cart-name { color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .cart-item .mn-qty input { background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .cart-line { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .cart-x { color:#b6aca1; }
html[data-theme="dark"] body:not(.home-page) .cart-x:hover { background:#2f1717; color:#e1958f; }
html[data-theme="dark"] body:not(.home-page) .cart-summary,
html[data-theme="dark"] body:not(.home-page) .co-summary { background:#1a1511; border:1px solid #3d3521; }
html[data-theme="dark"] body:not(.home-page) .cart-summary h3,
html[data-theme="dark"] body:not(.home-page) .co-summary h4 { color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .sum-row { color:#ceb4a1; }
html[data-theme="dark"] body:not(.home-page) .sum-muted { color:#bab2aa; }
html[data-theme="dark"] body:not(.home-page) .sum-total { border-top:2px dashed #3d3521; color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .co-step { background:#1a1511; border:1px solid #31271a; }
html[data-theme="dark"] body:not(.home-page) .co-step h4 { color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .co-sub { background:#2b2515; border:1px dashed #4d442a; }
html[data-theme="dark"] body:not(.home-page) .co-warn { background:#2f1717; color:#e1958e; }
html[data-theme="dark"] body:not(.home-page) #feeHint { color:#f4ca7b; }
html[data-theme="dark"] body:not(.home-page) .pay-method-option.is-disabled .pay-method-card { background:#312817; }
html[data-theme="dark"] body:not(.home-page) .co-items li { border-bottom:1px solid #342e1c; }
html[data-theme="dark"] body:not(.home-page) .co-iname { color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .co-iprice { color:#ceb4a1; }
html[data-theme="dark"] body:not(.home-page) .gc { border:2px solid #1b2632; background:linear-gradient(180deg, #121b25 0%, #1a1511 60%); }
html[data-theme="dark"] body:not(.home-page) .gc-head strong { color:#7babf4; }
html[data-theme="dark"] body:not(.home-page) .gc-head small { color:#a0b4cf; }
html[data-theme="dark"] body:not(.home-page) .gc-qr { background:#1a1511; border:1px solid #1b2632; }
html[data-theme="dark"] body:not(.home-page) .gc-qr span { color:#a0b4cf; }
html[data-theme="dark"] body:not(.home-page) .gc-details dt { color:#a2b4cd; }
html[data-theme="dark"] body:not(.home-page) .gc-details dd { color:#88b0e8; }
html[data-theme="dark"] body:not(.home-page) .gc-amount dd span { color:#7bb7f4; }
html[data-theme="dark"] body:not(.home-page) .gc-copy { background:#1a1511; color:#7bb7f4; }
html[data-theme="dark"] body:not(.home-page) .gc-steps { background:#1a1511; border:1px solid #19222e; color:#9cb2d3; }
html[data-theme="dark"] body:not(.home-page) .gc-drop { border:2px dashed #263647; background:#101922; }
html[data-theme="dark"] body:not(.home-page) .gc-drop:hover { background:#141f2a; }
html[data-theme="dark"] body:not(.home-page) .gc-drop-empty { color:#95b3da; }
html[data-theme="dark"] body:not(.home-page) .os-steps li { color:#b7ac9b; }
html[data-theme="dark"] body:not(.home-page) .os-steps li::before { background:#483a23; }
html[data-theme="dark"] body:not(.home-page) .os-dot { background:#483a23; }
html[data-theme="dark"] body:not(.home-page) .os-steps li.is-done,
html[data-theme="dark"] body:not(.home-page) .os-steps li.is-now { color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .os-pay { background:#141f2a; color:#88b0e8; border:1px solid #1b2632; }
html[data-theme="dark"] body:not(.home-page) .os-pay-paid { background:#193420; color:#8de2ac; border-color:#25442d; }
html[data-theme="dark"] body:not(.home-page) .os-pay-rejected { background:#2f1717; color:#e1958e; border-color:#3e2121; }
html[data-theme="dark"] body:not(.home-page) .os-proof img { border:1px solid #3d3521; }
html[data-theme="dark"] body:not(.home-page) .os-resend { background:#1a1511; border:1px solid #3d3521; }
html[data-theme="dark"] body:not(.home-page) .os-resend summary { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .pstat { background:#352b1b; color:#c6bcb0; }
html[data-theme="dark"] body:not(.home-page) .pstat-pending { background:#362e1a; color:#f4ca7b; }
html[data-theme="dark"] body:not(.home-page) .pstat-paid { background:#193420; color:#8be4a7; }
html[data-theme="dark"] body:not(.home-page) .pstat-rejected { background:#2f1717; color:#f17e89; }
html[data-theme="dark"] body:not(.home-page) .ad-stat-alert { background:#2f1717; border-color:#3e2121; }
html[data-theme="dark"] body:not(.home-page) .ad-order { background:#1a1511; border:1px solid #3d3521; }
html[data-theme="dark"] body:not(.home-page) .ad-order-cancelled { border-left-color:#574b3c; }
html[data-theme="dark"] body:not(.home-page) .ad-order-total { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .ad-lbl { color:#bab2aa; }
html[data-theme="dark"] body:not(.home-page) .ad-type-del { background:#19162e; color:#978ee1; }
html[data-theme="dark"] body:not(.home-page) .ad-type-pick { background:#362e1a; color:#f4ca7b; }
html[data-theme="dark"] body:not(.home-page) .ad-proof img { border:2px solid #1b2632; }
html[data-theme="dark"] body:not(.home-page) .ad-order-foot { background:#262012; border-top:1px solid #342e1c; }
html[data-theme="dark"] body:not(.home-page) .ad-order-foot select { border:2px solid #4b4128; background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .ad-fs { border:1px solid #3d3521; background:#2b2515; }
html[data-theme="dark"] body:not(.home-page) .ad-fs legend { color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .ad-fs input[type="text"],
html[data-theme="dark"] body:not(.home-page) .ad-fs input[type="number"] { border:2px solid #4b4128; background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .ad-qr-prev { border:2px dashed #263647; background:#101922; color:#9bb4d4; }
html[data-theme="dark"] body:not(.home-page) .ad-qr-prev img { background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .loc-head strong { color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .loc-btn { background:#1a1511; color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .del-map { border:2px solid #4d442a; background:#372b1b; }
html[data-theme="dark"] body:not(.home-page) .pin-status { background:#1a1511; border:1px solid #3d3521; color:#d5c9bd; }
html[data-theme="dark"] body:not(.home-page) .pin-status.is-ok { background:#193420; border-color:#25442d; color:#8de2ac; }
html[data-theme="dark"] body:not(.home-page) .pin-status.is-warn { background:#362e1a; border-color:#483f27; color:#f4ca7b; }
html[data-theme="dark"] body:not(.home-page) .pin-status.is-bad { background:#2f1717; border-color:#3e2121; color:#e1958e; }
html[data-theme="dark"] body:not(.home-page) .co-step select,
html[data-theme="dark"] body:not(.home-page) .co-sub select { border:2px solid #4b4128; background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .when-badge { background:#19162e; color:#978ee1; }
html[data-theme="dark"] body:not(.home-page) .when-badge.is-asap { background:#362e1a; color:#f4ca7b; }
html[data-theme="dark"] body:not(.home-page) .pri-body { background:linear-gradient(135deg, #332d18 0%, #ffeaa3 100%); }
html[data-theme="dark"] body:not(.home-page) .pri-text strong { color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .pri-text strong em { color:#ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .pri-text small { color:#cdbea2; }
html[data-theme="dark"] body:not(.home-page) .pri-check { background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .pri-card input:checked + .pri-body .pri-check::after { border:solid #1f1914; }
html[data-theme="dark"] body:not(.home-page) .sum-pri { color:#f4ca7b; }
html[data-theme="dark"] body:not(.home-page) .ad-order-priority { background:linear-gradient(90deg, #302b17 0%, #1a1511 22%); }
html[data-theme="dark"] body:not(.home-page) .ad-order-priority.ad-order-completed,
html[data-theme="dark"] body:not(.home-page) .ad-order-priority.ad-order-cancelled { background:#1a1511; }
html[data-theme="dark"] body:not(.home-page) .reset-steps { color:#b7ac9b; }
html[data-theme="dark"] body:not(.home-page) .reset-steps li { background:#332a19; }
html[data-theme="dark"] body:not(.home-page) .reset-steps li.is-now { background:#3a321c; color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .reset-steps li.is-done { color:#8be4a7; background:#193420; }
html[data-theme="dark"] body:not(.home-page) .diag-ok { background:#193420; color:#8de2ac; }
html[data-theme="dark"] body:not(.home-page) .diag-bad { background:#2f1717; color:#f37c83; }
html[data-theme="dark"] body:not(.home-page) .net-table td.net-ok { color:#8be4a7; }
html[data-theme="dark"] body:not(.home-page) .net-table td.net-bad { color:#f47b8f; }
html[data-theme="dark"] body:not(.home-page) .ad-msg-form input[type="email"],
html[data-theme="dark"] body:not(.home-page) .ad-msg-form input[type="text"],
html[data-theme="dark"] body:not(.home-page) .ad-msg-form textarea { border:2px solid #4b4128; }


/* ---- Part 3: hand-tuned extras (kept after the generated rules so they win) ---- */
html[data-theme="dark"] body:not(.home-page) { background: #1a1511; color: var(--ink); }
html[data-theme="dark"] body:not(.home-page) a:not(.btn):not(.tb-brand):not(.mn-cat) { color: #ff9d8f; }
html[data-theme="dark"] .btn-primary, html[data-theme="dark"] .btn-primary:hover { color: #fff; }
html[data-theme="dark"] body:not(.home-page) h1, html[data-theme="dark"] body:not(.home-page) h2, html[data-theme="dark"] body:not(.home-page) h3, html[data-theme="dark"] body:not(.home-page) h4, html[data-theme="dark"] body:not(.home-page) .signboard { color: #ff9d8f; }
html[data-theme="dark"] body:not(.home-page) .hero, html[data-theme="dark"] body:not(.home-page) .hero p { color: #fff3df; }
html[data-theme="dark"] body:not(.home-page) .hero h1, html[data-theme="dark"] body:not(.home-page) .hero h2, html[data-theme="dark"] body:not(.home-page) .site-footer h4 { color: #ffd98a; }
html[data-theme="dark"] body:not(.home-page) input, html[data-theme="dark"] body:not(.home-page) select, html[data-theme="dark"] body:not(.home-page) textarea { color: var(--ink); background-color: #1f1913; border-color: #5a4a35; }
html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #8f7f69; }
html[data-theme="dark"] body:not(.home-page) input:focus, html[data-theme="dark"] body:not(.home-page) select:focus, html[data-theme="dark"] body:not(.home-page) textarea:focus { border-color: var(--yellow-sign); outline-color: var(--yellow-sign); }
html[data-theme="dark"] option { background: #1f1913; color: var(--ink); }
html[data-theme="dark"] body:not(.home-page) .site-header { background: rgba(26,21,17,.96); border-bottom-color: #8a6a1f; }
html[data-theme="dark"] body:not(.home-page) .tb-name { color: #ff8f80; }
html[data-theme="dark"] body:not(.home-page) .tb-nav a:not(.btn), html[data-theme="dark"] body:not(.home-page) .tb-icon-btn { color: #eadcc6; }
html[data-theme="dark"] body:not(.home-page) .site-footer { background: #120e0b; color: #cbbba3; }
html[data-theme="dark"] body:not(.home-page) .site-footer a { color: #ffd98a; }
html[data-theme="dark"] body:not(.home-page) img:not(.tb-mark):not([src$=".svg"]) { filter: brightness(.9); }
html[data-theme="dark"] ::selection { background: #7a5a14; color: #fff; }
html[data-theme="dark"] .alert-success { color: #9be3ad; }
html[data-theme="dark"] .alert-info { color: #ffd98a; }
html[data-theme="dark"] .msg-new { color: #fff; }
html[data-theme="dark"] body:not(.home-page) .del-map, html[data-theme="dark"] body:not(.home-page) .ct-map { filter: brightness(.85) contrast(1.05); }
/* shared dropdowns / mobile menu (these also appear on the homepage) */
html[data-theme="dark"] .tb-menu, html[data-theme="dark"] .modal-box { background: #241d16; border-color: #43372a; }
html[data-theme="dark"] .tb-menu a { color: #eadcc6; }
html[data-theme="dark"] .tb-menu a:hover { background: #342a1e; color: #ff9d8f; }
html[data-theme="dark"] .tb-menu-hi { color: #ffd98a; }
@media (max-width: 860px) {
  html[data-theme="dark"] .tb-nav { background: #1a1511; }
  html[data-theme="dark"] .tb-nav a:not(.btn) { color: #eadcc6; border-bottom-color: #3a2f22; }
  html[data-theme="dark"] .home-page .tb-nav a:not(.btn) { color: #eadcc6; }
}

/* =========================================================
   HOMEPAGE
   The homepage was designed dark, so DARK mode = its original look (nothing to
   override above). LIGHT mode = the block below: a cream version with the same layout.
   ========================================================= */
html:not([data-theme="dark"]) .home-page {
  --h-bg: #fffaf3; --h-bg2: #fff0d4; --h-card: #ffffff; --h-line: rgba(168,52,43,.2);
  --h-text: #2b2118; --h-muted: #5f5040; --h-red: #c23b2f; --h-gold: #a96600;
  --h-hero-end: rgba(10,7,5,.55);
}
/* hero + ribbon sit on the photo / red, so their text stays light */
html:not([data-theme="dark"]) .home-page .hx-title,
html:not([data-theme="dark"]) .home-page .hx-inner h1 { color: #f5ead8; }
html:not([data-theme="dark"]) .home-page .hx-title span,
html:not([data-theme="dark"]) .home-page .hx-ribbon b { color: #f4b942; }
html:not([data-theme="dark"]) .home-page .hx-inner .hx-script { color: #ff8a78; }
html:not([data-theme="dark"]) .home-page .hx-btn-ghost:hover { background: #f4b942; border-color: #f4b942; }
/* header: floats over the photo (white text), turns cream with dark text once you scroll */
html:not([data-theme="dark"]) .home-page .site-header.is-scrolled {
  background: rgba(255,250,243,.94); border-bottom-color: var(--h-line); box-shadow: 0 6px 20px rgba(70,40,10,.12);
}
html:not([data-theme="dark"]) .home-page .site-header.is-scrolled .tb-name,
html:not([data-theme="dark"]) .home-page .site-header.is-scrolled .tb-brand,
html:not([data-theme="dark"]) .home-page .site-header.is-scrolled .tb-icon-btn { color: #a8342b; }
html:not([data-theme="dark"]) .home-page .site-header.is-scrolled .tb-name b { color: #a96600; }
html:not([data-theme="dark"]) .home-page .site-header.is-scrolled .tb-icon-btn:hover { background: #fff1cf; color: #a8342b; }
html:not([data-theme="dark"]) .home-page .site-header.is-scrolled .tb-toggle span { background: #a8342b; }
@media (min-width: 861px) {
  html:not([data-theme="dark"]) .home-page .site-header.is-scrolled .tb-nav a:not(.btn) { color: #3a2a1e; }
  html:not([data-theme="dark"]) .home-page .site-header.is-scrolled .tb-nav a:not(.btn):hover,
  html:not([data-theme="dark"]) .home-page .site-header.is-scrolled .tb-nav a[aria-current="page"] { color: #a8342b; }
}
/* sections on cream */
html:not([data-theme="dark"]) .home-page .hx-head .hx-script,
html:not([data-theme="dark"]) .home-page .hx-about-card .hx-script,
html:not([data-theme="dark"]) .home-page .hx-visit .hx-script { text-shadow: none; }
html:not([data-theme="dark"]) .home-page .hx-cat-photo { box-shadow: 0 12px 28px rgba(70,40,10,.18); border-color: rgba(168,52,43,.14); }
html:not([data-theme="dark"]) .home-page .hx-cat:hover .hx-cat-photo { border-color: rgba(168,52,43,.45); }
html:not([data-theme="dark"]) .home-page .hx-cat-initial { background: radial-gradient(circle at 30% 20%, #ffe9b8, #f3d28e 70%); color: #a8342b; }
html:not([data-theme="dark"]) .home-page .hx-fav { border-color: rgba(168,52,43,.14); box-shadow: 0 6px 18px rgba(70,40,10,.08); }
html:not([data-theme="dark"]) .home-page .hx-fav:hover { border-color: rgba(168,52,43,.4); box-shadow: 0 16px 32px rgba(70,40,10,.18); }
html:not([data-theme="dark"]) .home-page .hx-fav-photo { background: #f3e3c4; }
html:not([data-theme="dark"]) .home-page .hx-about-photo { box-shadow: 0 14px 30px rgba(70,40,10,.2); border-color: rgba(168,52,43,.14); }
html:not([data-theme="dark"]) .home-page .hx-about-card { box-shadow: 0 16px 36px rgba(70,40,10,.14); }
html:not([data-theme="dark"]) .home-page .hx-visit { background: radial-gradient(ellipse at 50% 0%, rgba(194,59,47,.14), transparent 65%), var(--h-bg); }
/* outline buttons that sit on cream (not on the photo) */
html:not([data-theme="dark"]) .home-page .hx-more .hx-btn-ghost,
html:not([data-theme="dark"]) .home-page .hx-visit .hx-btn-ghost { background: transparent; border-color: var(--h-red); color: var(--h-red) !important; }
html:not([data-theme="dark"]) .home-page .hx-more .hx-btn-ghost:hover,
html:not([data-theme="dark"]) .home-page .hx-visit .hx-btn-ghost:hover { background: var(--h-red); border-color: var(--h-red); color: #fff !important; }
/* the footer stays dark in both modes (matches the original homepage) */

/* =========================================================
   Dark mode polish (v2) — fixes found by checking every page's colours
   ========================================================= */
html[data-theme="dark"] { scrollbar-color: #5a4a35 #1a1511; }
html[data-theme="dark"] body:not(.home-page) a.btn-primary,
html[data-theme="dark"] body:not(.home-page) a.btn-primary:hover,
html[data-theme="dark"] body:not(.home-page) a.btn-yellow { color: #fff; }
html[data-theme="dark"] body:not(.home-page) a.btn-yellow, html[data-theme="dark"] body:not(.home-page) a.btn-yellow:hover { color: #2b1a10; }
html[data-theme="dark"] body:not(.home-page) a.btn-outline { color: #ffd98a; }
html[data-theme="dark"] body:not(.home-page) a.btn-outline:hover { color: #2b1a10; }

/* menu page */
html[data-theme="dark"] .mn-cat.is-active { background: #5b4716; color: #ffe9a8; }
html[data-theme="dark"] .mn-cat:hover:not(.is-active) { background: #2f2519; }
html[data-theme="dark"] .mn-cats li { border-bottom-color: #342a1f; }
html[data-theme="dark"] .mn-order:disabled { background: #3a3228; color: #9a8b78; }
html[data-theme="dark"] .mn-qty { border-color: #4a3d2d; }
html[data-theme="dark"] .mn-form .mn-qty input, html[data-theme="dark"] .cart-item .mn-qty input { background: transparent; border: 0; color: var(--ink); }
html[data-theme="dark"] .mn-qty button { background: #2f2519; color: #ff9d8f; }
html[data-theme="dark"] .mn-qty button:hover { background: #3d3022; }
html[data-theme="dark"] .menu-thumb-large, html[data-theme="dark"] .hx-cat-initial { background: #3a2d1c; color: #ffb4a6; }
html[data-theme="dark"] .mn-photo, html[data-theme="dark"] .mn-card .mn-photo { background: #2a2118; }
html[data-theme="dark"] .mn-card { box-shadow: 0 2px 14px rgba(0,0,0,.35); }
html[data-theme="dark"] .mn-card:hover { box-shadow: 0 16px 34px rgba(0,0,0,.55); border-color: #5a4a35; }
html[data-theme="dark"] .mn-soldtag { background: #000; color: #fff; }
html[data-theme="dark"] .sold-out-tag, html[data-theme="dark"] .tag-sold { background: #3a2f22; color: #d9c8ae; }
html[data-theme="dark"] .sauce-pill { border-color: #4a3d2d; }

/* QR codes and payment receipts must stay light and un-dimmed so they still scan */
html[data-theme="dark"] .gc-qr, html[data-theme="dark"] .ad-qr-prev img, html[data-theme="dark"] .gc-qr img { background: #fff; filter: none !important; }
html[data-theme="dark"] .gc-qr { border-color: #2d4466; }
html[data-theme="dark"] .gc-qr, html[data-theme="dark"] .gc-qr small, html[data-theme="dark"] .gc-qr p { color: #2b2118; }

/* map: dim the tiles instead of leaving a glaring white map in a dark page */
html[data-theme="dark"] .del-map, html[data-theme="dark"] .ct-map { filter: none; }
html[data-theme="dark"] .del-map .leaflet-tile-pane { filter: invert(1) hue-rotate(180deg) brightness(.92) contrast(.92) saturate(.8); }
html[data-theme="dark"] .ct-map iframe { filter: invert(.92) hue-rotate(180deg) brightness(.95) contrast(.9); }

/* browser autofill, file pickers, checkboxes */
html[data-theme="dark"] input:-webkit-autofill, html[data-theme="dark"] textarea:-webkit-autofill, html[data-theme="dark"] select:-webkit-autofill {
  -webkit-text-fill-color: var(--ink); caret-color: var(--ink); box-shadow: 0 0 0 1000px #1f1913 inset; transition: background-color 9999s ease-out;
}
html[data-theme="dark"] input[type="file"]::file-selector-button { background: #3a2d1c; color: #ffe9a8; border: 0; border-radius: 6px; padding: 6px 12px; margin-right: 10px; cursor: pointer; }
html[data-theme="dark"] input[type="checkbox"], html[data-theme="dark"] input[type="radio"] { accent-color: #ff7a68; }

/* profile + messages */
html[data-theme="dark"] .profile-card, html[data-theme="dark"] .inbox-msg, html[data-theme="dark"] .ad-sent-row { background: #241d16; border-color: #43372a; box-shadow: none; }
html[data-theme="dark"] .inbox-msg.is-new, html[data-theme="dark"] .ad-req, html[data-theme="dark"] .ad-msg-form { background: #2d2418; }
html[data-theme="dark"] .profile-form input[type="file"] { border-color: #5a4a35; background: #1f1913; }
html[data-theme="dark"] .avatar { color: #5c231d; }
html[data-theme="dark"] .field-hint { color: #b3a28b; }

/* tables / admin */
html[data-theme="dark"] body:not(.home-page) table { border-color: #43372a; }
html[data-theme="dark"] body:not(.home-page) th { background: #2d2418; }

/* smooth fade when the visitor flips the switch (added by app.js for ~0.3s only) */
html.theme-anim, html.theme-anim *, html.theme-anim *::before, html.theme-anim *::after {
  transition: background-color .3s ease, color .3s ease, border-color .3s ease, fill .3s ease, box-shadow .3s ease !important;
}
#themeToggle svg { transition: transform .4s cubic-bezier(.3,1.6,.5,1); }
#themeToggle:active svg { transform: rotate(40deg) scale(.85); }
html[data-theme="dark"] body:not(.home-page) .mn-form .mn-qty input,
html[data-theme="dark"] body:not(.home-page) .cart-item .mn-qty input { background: transparent; border: 0; color: var(--ink); }

/* v12 — customer profile strip in admin orders (dark mode) */
html[data-theme="dark"] body:not(.home-page) .ad-cust { background:#262012; border:1px solid #3d3521; }
html[data-theme="dark"] body:not(.home-page) .ad-cust-info strong { color:#cfb5a0; }
html[data-theme="dark"] body:not(.home-page) .ad-cust-info small { color:#bab2aa; }
html[data-theme="dark"] body:not(.home-page) .req { color:#ff9d8f; }

/* login / Google button / reviews in dark mode */
html[data-theme="dark"] .lg-email-btn { background: #f3e9da; color: #1a1511; }
html[data-theme="dark"] .lg-email-btn:hover { background: #fff; }
html[data-theme="dark"] .lg-card { box-shadow: 0 14px 40px rgba(0,0,0,.45); }
html[data-theme="dark"] .gl-msg { color: #f27d8e; }


/* v14 - Google button placeholder + food ratings in dark mode */
html[data-theme="dark"] .gl-btn:not(.is-ready) { border-color: #3d3521; background: linear-gradient(90deg, rgba(255,255,255,.05) 25%, rgba(255,255,255,.11) 37%, rgba(255,255,255,.05) 63%); background-size: 400% 100%; }
html[data-theme="dark"] body:not(.home-page) .rt-box, html[data-theme="dark"] body:not(.home-page) .rt-later { background: #1d1813; border-color: #3d3521; }
html[data-theme="dark"] body:not(.home-page) .rt-item { border-color: #3d3521; }
html[data-theme="dark"] body:not(.home-page) .rt-stars label { color: #4a4036; }
html[data-theme="dark"] body:not(.home-page) .rt-stars label:hover, html[data-theme="dark"] body:not(.home-page) .rt-stars label:hover ~ label, html[data-theme="dark"] body:not(.home-page) .rt-stars input:checked ~ label { color: #f4b942; }
html[data-theme="dark"] body:not(.home-page) .rt-comment { border-color: #4a4036; color: var(--ink, #f3e9da); }
html[data-theme="dark"] body:not(.home-page) .mn-rate b { color: var(--ink, #f3e9da); }


/* ---- v15: Continue with Google button (dark) ---- */
html[data-theme="dark"] .gl-fake { background: var(--surface); color: var(--ink); border-color: var(--line); box-shadow: none; }
html[data-theme="dark"] .gl-wrap.is-custom:hover .gl-fake { background: var(--surface-2); border-color: #6b5a42; box-shadow: 0 1px 4px rgba(0,0,0,.4); }
html[data-theme="dark"] .gl-wrap.is-loading .gl-fake::after, html[data-theme="dark"] .gl-wrap.is-busy .gl-fake::after { border-color: #5a4a35; border-top-color: #8ab4f8; }


/* product pop-up in dark mode */
html[data-theme="dark"] .pm-dialog { background: #1f1913; color: #f3e9da; }
html[data-theme="dark"] .pm-photo { background: #2c2515; }
html[data-theme="dark"] .pm-close { background: rgba(40,32,24,.92); color: #f3e9da; }
html[data-theme="dark"] .pm-price { color: #ff9d8f; }
html[data-theme="dark"] .mn-name-btn:hover { color: #ff9d8f; }