/* =========================================================
   COASTLINE CAFE: DARK THEME  (loaded after the page's own CSS)
   Warm espresso palette. Only applies when <html data-theme="dark">.
   The block marked GENERATED is derived from the site's light styles;
   the block at the bottom is hand-tuned.
========================================================= */

/* ---------- Theme button (navbar) ---------- */
.theme-toggle {
    width: 40px; height: 40px; flex: none;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: transparent;
    border: 1.5px solid #694624;
    color: #694624;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.theme-toggle:hover { background: #694624; color: #FFEEC7; transform: translateY(-1px); }
.theme-toggle:focus-visible { outline: 2px solid #DBAD65; outline-offset: 2px; }
.theme-toggle .i-sun { display: none; }
html[data-theme="dark"] .theme-toggle { border-color: #E6D3BA; color: #E6D3BA; }
html[data-theme="dark"] .theme-toggle:hover { background: #E6D3BA; color: #17110B; }
html[data-theme="dark"] .theme-toggle .i-moon { display: none; }
html[data-theme="dark"] .theme-toggle .i-sun { display: block; }
@media (max-width: 480px) { .theme-toggle { width: 36px; height: 36px; } }

/* soft cross-fade while switching (not on normal page load) */
html.theme-anim *, html.theme-anim *::before, html.theme-anim *::after {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, fill 0.3s ease !important;
}

html[data-theme="dark"] { color-scheme: dark; }

/* ---------- GENERATED from the light styles ---------- */
/* ---- from global.css ---- */
html[data-theme="dark"] body {
    background-color: #17110B;
    color: #E6D3BA;
}
html[data-theme="dark"] .navbar {
    background-color: #17110B;
}
html[data-theme="dark"] .navbar.scrolled {
    background-color: rgba(23,17,11,0.96);
    border-bottom: 1px solid rgba(235,215,190,0.08);
}
html[data-theme="dark"] .logo-fallback-emblem {
    color: #E6D3BA;
}
html[data-theme="dark"] .navbar-links a {
    color: #E6D3BA;
}
html[data-theme="dark"] .navbar-links a:hover {
    color: #E6D3BA;
}
html[data-theme="dark"] .navbar-links a.active {
    color: #E6D3BA;
}
html[data-theme="dark"] .cart-button {
    border: 1.5px solid #E6D3BA;
}
html[data-theme="dark"] .cart-count {
    color: #E6D3BA;
}
html[data-theme="dark"] .menu-toggle {
    border: 1.5px solid #E6D3BA;
    background: #17110B;
    color: #E6D3BA;
}
html[data-theme="dark"] .footer-owner-link:hover {
    color: #E6D3BA !important;
}
html[data-theme="dark"] .cart-drawer {
    background: #17110B;
}
html[data-theme="dark"] .drawer-badge {
    color: #E6D3BA;
}
html[data-theme="dark"] .cart-empty-state {
    color: #E6D3BA;
}
html[data-theme="dark"] .compact-cart-row {
    background: #251B13;
    border: 1px solid rgba(235,215,190,0.14);
}
html[data-theme="dark"] .compact-cart-row:hover {
    border-color: rgba(235,215,190,0.28);
}
html[data-theme="dark"] .cart-item-thumb-box {
    background: #1D150E;
    border: 1px solid rgba(235,215,190,0.14);
}
html[data-theme="dark"] .cart-row-name-btn {
    color: #F4E9DA;
}
html[data-theme="dark"] .cart-row-name-btn:hover {
    color: #DDB584;
}
html[data-theme="dark"] .size-tag-midra {
    background: #1D150E;
    color: #E6D3BA;
}
html[data-theme="dark"] .size-tag-triton {
    background: #302317;
    color: #DDB584;
    border: 1px solid rgba(235,215,190,0.25);
}
html[data-theme="dark"] .cart-row-note {
    color: #DCC2A0;
    background: #1F1710;
}
html[data-theme="dark"] .cart-row-controls {
    border-top: 1px dashed rgba(235,215,190,0.12);
}
html[data-theme="dark"] .cart-stepper-control {
    background: #1F1710;
    border: 1px solid rgba(235,215,190,0.25);
}
html[data-theme="dark"] .cart-stepper-btn {
    color: #F4E9DA;
}
html[data-theme="dark"] .cart-stepper-btn:hover {
    background: rgba(235,215,190,0.1);
}
html[data-theme="dark"] .cart-stepper-value {
    color: #F4E9DA;
}
html[data-theme="dark"] .cart-unit-rate {
    color: rgba(235,215,190,0.7);
}
html[data-theme="dark"] .cart-line-total {
    color: #F4E9DA;
}
html[data-theme="dark"] .cart-edit-action {
    background: #2C2117;
    border: 1px solid rgba(235, 215, 190, 0.25);
    color: #E6D3BA;
}
html[data-theme="dark"] .cart-edit-action:hover {
    background: #3A2B1D;
    border-color: #DBAD65;
    color: #FFF;
}
html[data-theme="dark"] .cart-remove-action {
    background: #3A1B1A;
    border: 1px solid rgba(235,215,190,0.2);
    color: #F58F86;
}
html[data-theme="dark"] .cart-remove-action:hover {
    border-color: #F58F86;
}
html[data-theme="dark"] #writeReviewModalBackdrop .owner-modal-card {
    background: #231911 !important;
    border-color: rgba(235, 215, 190, 0.22) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] #writeReviewModalBackdrop .owner-modal-title {
    color: #F4E9DA !important;
}
html[data-theme="dark"] #globalOrderModal.order-modal {
    background: #1E150D !important;
}
html[data-theme="dark"] #globalOrderModal .modal-sticky-actions {
    background: #1E150D !important;
    border-top-color: rgba(235, 215, 190, 0.18) !important;
}
html[data-theme="dark"] .cart-row-pickup {
    color: #E6D3BA;
    background: #251C12;
}
html[data-theme="dark"] .drawer-footer {
    background: #231911;
    border-top: 1px solid rgba(235,215,190,.14);
}
html[data-theme="dark"] .drawer-total-row {
    color: #E6D3BA;
}
html[data-theme="dark"] .drawer-total-row.grand-total {
    color: #E6D3BA;
    border-top: 1px dashed rgba(235,215,190,0.25);
}
html[data-theme="dark"] .checkout-field label {
    color: #E6D3BA;
}
html[data-theme="dark"] .checkout-field label .req {
    color: #F29E87;
}
html[data-theme="dark"] .checkout-input,
html[data-theme="dark"] .checkout-textarea,
html[data-theme="dark"] .checkout-select {
    border: 1px solid rgba(235,215,190,0.3);
    background: #2A1F16;
    color: #E6D3BA;
}
html[data-theme="dark"] .chip-btn {
    border: 1px dashed rgba(235,215,190,0.35);
    background: rgba(23,17,11,0.7);
    color: #E6D3BA;
}
html[data-theme="dark"] .chip-btn:hover {
    background: rgba(23,17,11,0.7);
}
html[data-theme="dark"] .pay-method-card {
    background: #2A1F16;
    border: 1px solid rgba(235,215,190,0.25);
}
html[data-theme="dark"] .pay-method-card:hover {
    border-color: rgba(235,215,190,0.25);
}
html[data-theme="dark"] .pay-method-card.active {
    border-color: #E6D3BA;
    background: #1F1710;
}
html[data-theme="dark"] .pay-method-title {
    color: #E6D3BA;
}
html[data-theme="dark"] .pay-method-desc {
    color: #E6D3BA;
}
html[data-theme="dark"] .gcash-sim-box {
    background: #0F161E;
    border: 1px solid #182532;
}
html[data-theme="dark"] .gcash-tag {
    color: #B2CDE9;
}
html[data-theme="dark"] .gcash-status-badge {
    background: #3F3012;
    color: #EADBB7;
}
html[data-theme="dark"] .gcash-status-badge.paid {
    background: #172F1C;
    color: #C5EECE;
}
html[data-theme="dark"] .gcash-sim-note {
    color: #C7CBD0;
}

html[data-theme="dark"] #gcashDetailsPanel div[style*="background: rgba(255, 255, 255"] {
    background: #17212B !important;
    border-color: #243545 !important;
}

html[data-theme="dark"] #gcashRefInput {
    background: #17212B !important;
    border-color: #243545 !important;
    color: #E6D3BA !important;
}
html[data-theme="dark"] .order-modal {
    background: #251B13;
}
html[data-theme="dark"] .modal-close-btn {
    background: rgba(235,215,190,0.08);
    color: #E6D3BA;
}
html[data-theme="dark"] .modal-close-btn:hover {
    background: rgba(235,215,190,0.18);
}
html[data-theme="dark"] .modal-left {
    background: #1D150E;
}
html[data-theme="dark"] .modal-drink-title {
    color: #F4E9DA;
}
html[data-theme="dark"] .modal-drink-price {
    color: #E6D3BA;
}
html[data-theme="dark"] .modal-drink-desc {
    color: #E6D3BA;
}
html[data-theme="dark"] .modal-notes-label {
    color: #F4E9DA;
}
html[data-theme="dark"] .modal-notes-hint {
    color: #DDB584;
}
html[data-theme="dark"] .modal-notes-input {
    background: #2A1F16;
    border: 1.5px solid rgba(235,215,190,0.25);
    color: #F1DED0;
}
html[data-theme="dark"] .modal-notes-input:focus {
    border-color: #E6D3BA;
}
html[data-theme="dark"] .modal-chip-btn {
    border: 1px solid rgba(235,215,190,0.2);
    background: #21170F;
    color: #E6D3BA;
}
html[data-theme="dark"] .modal-chip-btn:hover {
    border-color: #E6D3BA;
}
html[data-theme="dark"] .cart-item-notes-text {
    color: #DCC2A0;
    background: #231B11;
}
html[data-theme="dark"] .cart-item-notes-text em {
    color: #F4E9DA;
}
html[data-theme="dark"] .cart-item-edit-btn {
    color: #DDB584;
}
html[data-theme="dark"] .cart-item-edit-btn:hover {
    color: #F1E4D2;
}
html[data-theme="dark"] .simplified-order-modal {
    background: #271C13;
    border: 1px solid rgba(235,215,190,0.15);
}
html[data-theme="dark"] .order-modal-header {
    border-bottom: 1.5px solid rgba(235,215,190,0.14);
}
html[data-theme="dark"] .order-modal-caption {
    color: #DDB584;
}
html[data-theme="dark"] .order-modal-number {
    color: #F4E9DA;
}
html[data-theme="dark"] .order-modal-status {
    background: #21170F;
    color: #E6D3BA;
    border: 1px solid rgba(235,215,190,0.2);
}
html[data-theme="dark"] .order-modal-status.preparing {
    background: #3A2C10;
    color: #F4C98A;
    border-color: #6B5217;
}
html[data-theme="dark"] .order-modal-status.ready {
    background: #173A2A;
    color: #7FE3B9;
    border-color: #1D4A35;
}
html[data-theme="dark"] .order-modal-status.completed {
    background: #111524;
    color: #9E9AE1;
    border-color: #161A2D;
}
html[data-theme="dark"] .order-modal-pickup-row {
    background: #1F1710;
    border: 1px solid rgba(235,215,190,0.12);
}
html[data-theme="dark"] .order-modal-subheading {
    color: #DCC2A0;
}
html[data-theme="dark"] .order-modal-pickup-time {
    color: #F4E9DA;
}
html[data-theme="dark"] .order-modal-items-container {
    background: #2A1F16;
    border: 1px solid rgba(235,215,190,0.14);
}
html[data-theme="dark"] .order-modal-items-header {
    color: #DDB584;
    border-bottom: 1px solid rgba(235,215,190,0.1);
}
html[data-theme="dark"] .order-modal-item-line {
    color: #F4E9DA;
}
html[data-theme="dark"] .order-modal-item-price {
    color: #F4E9DA;
}
html[data-theme="dark"] .order-modal-total-line {
    border-top: 1px dashed rgba(235,215,190,0.2);
    color: #E6D3BA;
}
html[data-theme="dark"] .order-modal-total-val {
    color: #F4E9DA;
}
html[data-theme="dark"] .modal-size-block {
    border-top: 1px solid rgba(235,215,190,.14);
}
html[data-theme="dark"] .modal-size-label {
    color: #E6D3BA;
}
html[data-theme="dark"] .modal-size-selection {
    color: #E6D3BA;
    background: #1F1710;
}
html[data-theme="dark"] .modal-size-card {
    border: 1.5px solid rgba(235,215,190,0.22);
    background: #2A1F16;
}
html[data-theme="dark"] .modal-size-card:hover {
    border-color: rgba(235,215,190,0.22);
}
html[data-theme="dark"] .modal-size-card.active {
    border-color: #E6D3BA;
    background: #1F1710;
}
html[data-theme="dark"] .size-card-radio-indicator {
    border: 2px solid rgba(235,215,190,0.35);
}
html[data-theme="dark"] .modal-size-card.active .size-card-radio-indicator {
    border-color: #E6D3BA;
}
html[data-theme="dark"] .size-card-name {
    color: #E6D3BA;
}
html[data-theme="dark"] .size-card-oz {
    color: #E6D3BA;
}
html[data-theme="dark"] .size-card-price {
    color: #E6D3BA;
}
html[data-theme="dark"] .size-tag-midra {
    background: #2D2316;
    color: #EDDACB;
    border: 1px solid rgba(235,215,190,0.18);
}
html[data-theme="dark"] .size-tag-triton {
    background: #3A2C10;
    color: #F4C98A;
    border: 1px solid rgba(235,215,190,0.3);
}
html[data-theme="dark"] .order-success-check-badge {
    background: #173A2A;
}
html[data-theme="dark"] .order-ready-window-card {
    background: #21170F;
    border: 1px solid rgba(235,215,190,0.2);
}
html[data-theme="dark"] .ready-window-title {
    color: #E6D3BA;
}
html[data-theme="dark"] .ready-window-time {
    color: #E6D3BA;
}
html[data-theme="dark"] .ready-window-countdown {
    color: #34D399;
}
html[data-theme="dark"] .sidebar-customer-details {
    background: #231911;
    border: 1px solid rgba(235,215,190,.14);
}
html[data-theme="dark"] .sidebar-section-title {
    color: #E6D3BA;
    border-bottom: 1px solid rgba(235,215,190,0.15);
}
html[data-theme="dark"] .sidebar-field-label {
    color: #E6D3BA;
}
html[data-theme="dark"] .sidebar-field-label .req {
    color: #F29E87;
}
html[data-theme="dark"] .sidebar-input {
    background: #2A1F16;
    border: 1px solid rgba(235,215,190,0.25);
    color: #E6D3BA;
}
html[data-theme="dark"] .pickup-time-select {
    background: #2A1F16;
    border: 1px solid rgba(235,215,190,0.3);
    color: #E6D3BA;
}
html[data-theme="dark"] .pickup-window-summary {
    color: #E6D3BA;
    background: rgba(235,215,190,0.05);
}
@media (max-width: 860px) {
    html[data-theme="dark"] .navbar-links {
        background: #17110B;
        border-top: 1px solid rgba(235,215,190,0.12);
    }
    html[data-theme="dark"] .navbar-links a {
        color: #E6D3BA;
        border-bottom: 1px solid rgba(235,215,190,0.08);
    }
    html[data-theme="dark"] .navbar-links a.active {
        background: #1D150E;
        color: #E6D3BA;
    }
    html[data-theme="dark"] .menu-toggle {
        border: 1.5px solid #E6D3BA;
        background: #17110B;
        color: #E6D3BA;
    }
    html[data-theme="dark"] .modal-close-btn {
        background: rgba(23,17,11,0.92);
    }
    html[data-theme="dark"] .modal-sticky-actions {
        background: #271C13;
        border-top: 1px solid rgba(235,215,190,0.12);
    }
}
html[data-theme="dark"] .nav-active-order-btn,
html[data-theme="dark"] .nav-active-order-pill {
    background: #221A10;
    border: 1.5px solid #E6D3BA;
    color: #E6D3BA;
}
html[data-theme="dark"] .nav-active-order-btn:hover,
html[data-theme="dark"] .nav-active-order-pill:hover {
    background: #2D2316;
    border-color: #ECD7C5;
}
html[data-theme="dark"] .nav-active-order-btn.ready {
    background: #173A2A;
    border-color: #B1E8D7;
    color: #7FE3B9;
}
html[data-theme="dark"] .nav-active-order-btn.ready .nav-order-icon-badge {
    color: #7FE3B9;
}
html[data-theme="dark"] .nav-order-icon-badge {
    color: #E6D3BA;
}
html[data-theme="dark"] .drawer-tab-btn.active {
    background: #2A1F16;
    color: #E6D3BA;
}
html[data-theme="dark"] .drawer-tab-badge {
    color: #E6D3BA;
}
html[data-theme="dark"] .clean-order-section-title {
    color: #E6D3BA;
}
html[data-theme="dark"] .clean-order-card {
    background: #2A1F16;
    border: 1px solid rgba(235,215,190,0.14);
}
html[data-theme="dark"] .clean-order-card:hover {
    border-color: rgba(235,215,190,0.28);
}
html[data-theme="dark"] .clean-order-id {
    color: #E6D3BA;
}
html[data-theme="dark"] .clean-status-pill {
    background: #21170F;
    color: #E6D3BA;
}
html[data-theme="dark"] .clean-status-pill.preparing {
    background: #3A2C10;
    color: #F4C98A;
}
html[data-theme="dark"] .clean-status-pill.ready {
    background: #173A2A;
    color: #7FE3B9;
}
html[data-theme="dark"] .clean-status-pill.completed {
    background: #14171B;
    color: #C0C6CF;
}
html[data-theme="dark"] .clean-order-timing {
    color: #E6D3BA;
}
html[data-theme="dark"] .clean-order-timer {
    color: #7FE3B9;
    background: #12291F;
}
html[data-theme="dark"] .clean-order-items {
    color: #E6D3BA;
    border-bottom: 1px dashed rgba(235,215,190,0.12);
}
html[data-theme="dark"] .clean-order-price {
    color: #E6D3BA;
}
html[data-theme="dark"] .btn-clean-staff-action {
    background: #21170F;
    border: 1px solid rgba(235,215,190,0.22);
    color: #E6D3BA;
}
html[data-theme="dark"] .btn-clean-staff-action:hover {
    background: #21170F;
}
html[data-theme="dark"] .btn-clean-staff-action.ready {
    background: #12291F;
    color: #7FE3B9;
    border-color: #1D4A35;
}
html[data-theme="dark"] .btn-clean-staff-action.ready:hover {
    background: #12291F;
}
html[data-theme="dark"] .account-button {
    border: 1.5px solid #E6D3BA;
    color: #E6D3BA;
}
html[data-theme="dark"] .account-modal-card {
    background: #2A1F16;
    border: 1px solid rgba(235,215,190,0.18);
}
html[data-theme="dark"] .account-modal-close-btn {
    background: #1F1710;
    color: #E6D3BA;
}
html[data-theme="dark"] .account-modal-close-btn:hover {
    background: #342719;
}
html[data-theme="dark"] .account-modal-title {
    color: #E6D3BA;
}
html[data-theme="dark"] .account-modal-intro {
    color: #EBD7C5;
}
html[data-theme="dark"] .account-fb-notice {
    background: #3A2C10;
    border: 1px solid #6B5217;
    color: #F4C98A;
}
html[data-theme="dark"] .account-divider {
    color: rgba(235,215,190,0.45);
}
html[data-theme="dark"] .account-divider::before,
html[data-theme="dark"] .account-divider::after {
    border-bottom: 1px solid rgba(235,215,190,0.18);
}
html[data-theme="dark"] .account-field label {
    color: #E6D3BA;
}
html[data-theme="dark"] .account-input {
    border: 1.5px solid rgba(235,215,190,0.25);
    background: #20190F;
    color: #F4E9DA;
}
html[data-theme="dark"] .account-input:focus {
    border-color: #E6D3BA;
    background: #2A1F16;
}
html[data-theme="dark"] .btn-account-outline {
    color: #E6D3BA;
    border: 1.5px solid #E6D3BA;
}
html[data-theme="dark"] .btn-account-outline:hover {
    background: #21170F;
}
html[data-theme="dark"] .account-disclaimer {
    color: rgba(235,215,190,0.65);
}
html[data-theme="dark"] .account-avatar-circle {
    background: #21170F;
    border: 2px solid #E6D3BA;
    color: #E6D3BA;
}
html[data-theme="dark"] .account-user-name {
    color: #E6D3BA;
}
html[data-theme="dark"] .account-user-meta {
    color: #D6BB98;
}
html[data-theme="dark"] .account-provider-tag {
    background: #12291F;
    color: #7FE3B9;
    border: 1px solid #1D4A35;
}
html[data-theme="dark"] .account-tabs {
    background: #1F1710;
}
html[data-theme="dark"] .account-tab-btn {
    color: #E6D3BA;
}
html[data-theme="dark"] .account-tab-btn.active {
    background: #2A1F16;
    color: #F4E9DA;
}
html[data-theme="dark"] .account-tab-btn:hover:not(.active) {
    color: #F4E9DA;
}
html[data-theme="dark"] .password-toggle-btn {
    color: #D3BFA8;
}
html[data-theme="dark"] .password-toggle-btn:hover {
    color: #F4E9DA;
}
html[data-theme="dark"] .account-forgot-link {
    color: #CFA06B;
}
html[data-theme="dark"] .account-forgot-link:hover {
    color: #E6D3BA;
}
html[data-theme="dark"] .account-back-btn {
    color: #E6D3BA;
}
html[data-theme="dark"] .account-alert.error {
    background: #3A1B1A;
    border: 1px solid #2C1515;
    color: #F5A19A;
}
html[data-theme="dark"] .account-alert.success {
    background: #12291F;
    border: 1px solid #1D4A35;
    color: #7FE3B9;
}
html[data-theme="dark"] .account-alert.info {
    background: #33260F;
    border: 1px solid #443D21;
    color: #F4C98A;
}
html[data-theme="dark"] .otp-input-field {
    background: #17110B;
    color: #F4E9DA;
}
html[data-theme="dark"] .otp-input-field:focus {
    border-color: #E6D3BA;
    background: #2A1F16;
}
html[data-theme="dark"] .otp-timer-box {
    color: #D6BB98;
}
html[data-theme="dark"] .otp-resend-btn {
    color: #CFA06B;
}
html[data-theme="dark"] .otp-demo-pill {
    background: #3A2C10;
    border: 1px dashed #E0BD94;
    color: #F4C98A;
}
html[data-theme="dark"] .account-role-badge.admin,
html[data-theme="dark"] .account-role-badge.staff {
    background: #3A2C10;
    color: #F4C98A;
    border: 1px solid #6B5217;
}
html[data-theme="dark"] .account-role-badge.customer {
    background: #12291F;
    color: #7FE3B9;
    border: 1px solid #1D4A35;
}
html[data-theme="dark"] .modal-time-block {
    border-top: 1px dashed rgba(235,215,190,0.18);
}
html[data-theme="dark"] .modal-time-label {
    color: #F4E9DA;
}
html[data-theme="dark"] .modal-time-hint {
    color: #DDB584;
}
html[data-theme="dark"] .modal-time-range-wrap {
    background: #1F1710;
    border: 1px solid rgba(235,215,190,0.18);
}
html[data-theme="dark"] .modal-time-sublabel {
    color: #DCC2A0;
}
html[data-theme="dark"] .modal-time-range-sep {
    color: #DDB584;
}
html[data-theme="dark"] .modal-time-input {
    background: #2A1F16;
    border: 1.5px solid rgba(235,215,190,0.22);
    color: #F4E9DA;
}
html[data-theme="dark"] .modal-time-input:focus {
    border-color: #E6D3BA;
}
html[data-theme="dark"] .modal-time-validation.valid {
    background: #14291A;
    color: #B9EBCA;
    border: 1px solid rgba(235,215,190,0.2);
}
html[data-theme="dark"] .modal-time-validation.error {
    background: #3A1B1A;
    color: #F58F86;
    border: 1px solid rgba(235,215,190,0.25);
}
html[data-theme="dark"] .modal-time-note {
    color: rgba(235,215,190,0.72);
}
html[data-theme="dark"] .modal-qty-stepper {
    background: #1D150E;
    border: 1.5px solid rgba(235,215,190,0.22);
}
html[data-theme="dark"] .modal-qty-stepper:focus-within {
    border-color: #E6D3BA;
}
html[data-theme="dark"] .modal-qty-stepper .modal-qty-btn {
    color: #E6D3BA;
}
html[data-theme="dark"] .modal-qty-stepper .modal-qty-btn:hover {
    background: #3A2B1E;
    color: #F0DDCB;
}
html[data-theme="dark"] .modal-qty-stepper .modal-qty-display {
    color: #F4E9DA;
}
html[data-theme="dark"] .modal-add-btn {
    border: 1.5px solid #E6D3BA;
}
html[data-theme="dark"] .modal-add-btn:hover {
    border-color: #F4E9DA;
}
html[data-theme="dark"] .modal-item-remove-btn {
    background: #3A1B1A;
    border: 1.5px solid rgba(235,215,190,0.25);
    color: #F58F86;
}
html[data-theme="dark"] .modal-item-remove-btn:hover {
    background: #251312;
    border-color: rgba(235,215,190,0.45);
}

/* ---- from home.css ---- */
html[data-theme="dark"] .featured {
    background: #17110B;
}
html[data-theme="dark"] .featured-title {
    color: #E6D3BA;
}
html[data-theme="dark"] .featured-link {
    color: #E6D3BA;
}
html[data-theme="dark"] .featured-link:hover {
    color: #E6D3BA;
}
html[data-theme="dark"] .featured-card {
    background: #251B13;
    border: 1px solid rgba(235,215,190,0.14);
}
html[data-theme="dark"] .featured-card:hover {
    border-color: rgba(235,215,190,0.25);
}
html[data-theme="dark"] .featured-card-image {
    background: #1D150E;
}
html[data-theme="dark"] .featured-card-name {
    color: #E6D3BA;
}
html[data-theme="dark"] .featured-card-desc {
    color: #E6D3BA;
}
html[data-theme="dark"] .featured-card-price {
    color: #E6D3BA;
}
html[data-theme="dark"] .featured-add svg path {
    fill: #E6D3BA;
}
html[data-theme="dark"] .home-promo-card {
    background: #251B13;
    border: 1px solid rgba(235,215,190,0.16);
}
html[data-theme="dark"] .home-promo-card:hover {
    border-color: rgba(235,215,190,0.26);
}
html[data-theme="dark"] .home-promo-visual {
    background: #1D150E;
}
html[data-theme="dark"] .home-promo-title {
    color: #F4E9DA;
}
html[data-theme="dark"] .home-promo-desc {
    color: #E6D3BA;
}
html[data-theme="dark"] .home-promo-price {
    color: #E6D3BA;
}
html[data-theme="dark"] .home-promo-condition-sep {
    color: rgba(235,215,190,0.35);
}
html[data-theme="dark"] .home-promo-condition-text {
    color: #E6D3BA;
}
html[data-theme="dark"] .home-promo-order-btn {
    border: 1.5px solid #E6D3BA;
}
html[data-theme="dark"] .reviews-section {
    background: #17110B;
}
html[data-theme="dark"] .reviews-header {
    border-bottom: 1px solid rgba(235,215,190,0.14);
}
html[data-theme="dark"] .reviews-title {
    color: #F4E9DA;
}
html[data-theme="dark"] .reviews-subtitle {
    color: #E6D3BA;
}
html[data-theme="dark"] .reviews-trust-badge {
    background: #251B13;
    border: 1px solid rgba(235,215,190,0.16);
}
html[data-theme="dark"] .reviews-score-number {
    color: #F4E9DA;
}
html[data-theme="dark"] .reviews-trust-label {
    color: #DDB584;
    border-left: 1px solid rgba(235,215,190,0.18);
}
html[data-theme="dark"] .reviews-write-btn {
    border: 1px solid #E6D3BA;
}
html[data-theme="dark"] .guest-review-card {
    background: #251B13;
    border: 1px solid rgba(235,215,190,0.14);
}
html[data-theme="dark"] .guest-review-card:hover {
    border-color: rgba(235,215,190,0.28);
}
html[data-theme="dark"] .guest-review-name {
    color: #F4E9DA;
}
html[data-theme="dark"] .guest-verified-tag {
    color: #B7EAC7;
    background: #14291A;
}
html[data-theme="dark"] .guest-review-meta {
    color: #DDB584;
}
html[data-theme="dark"] .guest-stars-cluster {
    background: #1D150E;
    border: 1px solid rgba(235,215,190,0.1);
}
html[data-theme="dark"] .guest-review-text {
    color: #F2DFD1;
}
html[data-theme="dark"] .guest-review-drink-line {
    background: #1F1710;
    border: 1px solid rgba(235,215,190,0.1);
    color: #E6D3BA;
}
@media (max-width: 860px) {
    html[data-theme="dark"] .mango-feature::before {
        background: rgba(23,17,11,0.92);
    }
}
html[data-theme="dark"] .home-community-preview {
    background: #17110B;
    border-top: 1px solid rgba(235,215,190,0.12);
    border-bottom: 1px solid rgba(235,215,190,0.12);
}
html[data-theme="dark"] .home-community-title {
    color: #E6D3BA;
}
html[data-theme="dark"] .home-community-desc {
    color: #E6D3BA;
}
html[data-theme="dark"] .home-comm-card {
    background: #2A1F16;
    border: 1px solid rgba(235,215,190,0.18);
}
html[data-theme="dark"] .home-comm-card:hover {
    border-color: rgba(235,215,190,0.32);
}
html[data-theme="dark"] .home-comm-card-icon {
    background: #241C12;
    border: 1px solid rgba(235,215,190,0.18);
    color: #E6D3BA;
}
html[data-theme="dark"] .home-comm-card-title {
    color: #E6D3BA;
}
html[data-theme="dark"] .home-comm-card-text {
    color: #F1E4D2;
}
html[data-theme="dark"] .home-comm-link-btn {
    border: 1px solid #E6D3BA;
}

/* ---- from shop.css ---- */
html[data-theme="dark"] .shop-page {
    background: #17110B;
}
html[data-theme="dark"] .product-section-header {
    border-bottom: 1.5px solid rgba(235,215,190,.14);
}
html[data-theme="dark"] .product-section-title {
    color: #F4E9DA;
}
html[data-theme="dark"] .product-section-count {
    color: #E6D3BA;
}
html[data-theme="dark"] .product-card {
    background: #251B13;
    border: 1px solid rgba(235,215,190,0.14);
}
html[data-theme="dark"] .product-card:hover {
    border-color: rgba(235,215,190,0.25);
}
html[data-theme="dark"] .product-image {
    background: #1D150E;
}
html[data-theme="dark"] .product-name {
    color: #E6D3BA;
}
html[data-theme="dark"] .product-desc {
    color: #E6D3BA;
}
html[data-theme="dark"] .product-price {
    color: #E6D3BA;
}
html[data-theme="dark"] .product-add svg path {
    fill: #E6D3BA;
}
html[data-theme="dark"] .no-products {
    color: #E6D3BA;
}

/* ---- from about.css ---- */
html[data-theme="dark"] .about-main {
    background: #17110B;
}
html[data-theme="dark"] .about-story-image {
    border: 1px solid rgba(235,215,190,.14);
}
html[data-theme="dark"] .about-section-label {
    color: #E6D3BA;
}
html[data-theme="dark"] .about-section-title {
    color: #F4E9DA;
}
html[data-theme="dark"] .about-story-text p {
    color: #E6D3BA;
}
html[data-theme="dark"] .about-value {
    background: #251B13;
}
html[data-theme="dark"] .about-value-title {
    color: #F4E9DA;
}
html[data-theme="dark"] .about-value p {
    color: #E6D3BA;
}

/* ---- from contacts.css ---- */
html[data-theme="dark"] .contacts-main {
    background: #17110B;
}
html[data-theme="dark"] .contact-map-card {
    background: #251B13;
    border: 1px solid rgba(235,215,190,0.12);
}
html[data-theme="dark"] .contact-map-header {
    background: #1D150E;
    border-bottom: 1px solid rgba(235,215,190,0.08);
}
html[data-theme="dark"] .contact-map-header-info {
    color: #F4E9DA;
}
html[data-theme="dark"] .contact-map-header-title {
    color: #F4E9DA;
}
html[data-theme="dark"] .contact-map-external-link {
    color: #E6D3BA;
}
html[data-theme="dark"] .contact-map-external-link:hover {
    color: #F4E9DA;
}
html[data-theme="dark"] .contact-map-frame-wrap {
    background: #1D150E;
}
html[data-theme="dark"] .contact-label {
    color: #E6D3BA;
}
html[data-theme="dark"] .contact-title {
    color: #F4E9DA;
}
html[data-theme="dark"] .contact-description {
    color: #E6D3BA;
}
html[data-theme="dark"] .contact-detail-icon {
    color: #F4E9DA;
}
html[data-theme="dark"] .contact-detail-content h3 {
    color: #F4E9DA;
}
html[data-theme="dark"] .contact-detail-content p,
html[data-theme="dark"] .contact-detail-content a {
    color: #E6D3BA;
}
html[data-theme="dark"] .contact-form-section {
    border-top: 1px solid rgba(235,215,190,.14);
}
html[data-theme="dark"] .contact-form-intro h2 {
    color: #F4E9DA;
}
html[data-theme="dark"] .contact-form-intro p {
    color: #E6D3BA;
}
html[data-theme="dark"] .form-group label {
    color: #F4E9DA;
}
html[data-theme="dark"] .form-group input,
html[data-theme="dark"] .form-group textarea {
    border: 1px solid rgba(235,215,190,0.3);
    background: #251B13;
    color: #E6D3BA;
}
html[data-theme="dark"] .contact-form-status {
    background: #1D150E;
    color: #F4E9DA;
}

/* ---- from community.css ---- */
html[data-theme="dark"] .community-main {
    background: #17110B;
    color: #E6D3BA;
}
html[data-theme="dark"] .community-hero {
    background: #1D150E;
    border-bottom: 1px solid rgba(235,215,190,0.12);
}
html[data-theme="dark"] .community-badge {
    background: #2A1F16;
    border: 1px solid rgba(235,215,190,0.18);
    color: #E6D3BA;
}
html[data-theme="dark"] .community-hero-title {
    color: #E6D3BA;
}
html[data-theme="dark"] .community-hero-desc {
    color: #F1E4D2;
}
html[data-theme="dark"] .gallery-section {
    background: #17110B;
    border-bottom: 1px solid rgba(235,215,190,0.12);
}
html[data-theme="dark"] .gallery-title {
    color: #E6D3BA;
}
html[data-theme="dark"] .staff-photo-card {
    background: #2A1F16;
    border: 1px solid rgba(235,215,190,0.16);
}
html[data-theme="dark"] .staff-photo-card:hover {
    border-color: rgba(235,215,190,0.35);
}
html[data-theme="dark"] .staff-photo-img-wrap {
    background: #1D150E;
}
html[data-theme="dark"] .staff-photo-body {
    background: #2A1F16;
}
html[data-theme="dark"] .staff-photo-caption {
    color: #F1E4D2;
}
html[data-theme="dark"] .staff-photo-date {
    color: rgba(235,215,190,0.65);
}
html[data-theme="dark"] .staff-photo-empty {
    background: #2A1F16;
    border: 1px dashed rgba(235,215,190,0.25);
    color: #E6D3BA;
}
html[data-theme="dark"] .staff-photo-empty p {
    color: #DDB584;
}
html[data-theme="dark"] .reels-section {
    background: #2A1F16;
    border-bottom: 1px solid rgba(235,215,190,0.12);
}
html[data-theme="dark"] .reels-title {
    color: #E6D3BA;
}
html[data-theme="dark"] .reels-subtitle {
    color: #F1E4D2;
}
html[data-theme="dark"] .reel-card {
    background: #2A1F16;
    border: 1px solid rgba(235,215,190,0.16);
}
html[data-theme="dark"] .reel-card-info {
    background: #2A1F16;
}
html[data-theme="dark"] .reel-card-title {
    color: #E6D3BA;
}
html[data-theme="dark"] .reel-card-desc {
    color: #F1E4D2;
}
html[data-theme="dark"] .reel-card-footer {
    border-top: 1px solid rgba(235,215,190,0.1);
}
html[data-theme="dark"] .reel-watch-link {
    color: #82A8DB;
}
html[data-theme="dark"] .reel-watch-link:hover {
    color: #A0C0E3;
}
html[data-theme="dark"] .photo-viewer-card {
    background: #2A1F16;
}
html[data-theme="dark"] .photo-viewer-caption {
    color: #F1E4D2;
    background: #2A1F16;
    border-top: 1px solid rgba(235,215,190,0.12);
}

/* ---------- Hand-tuned ---------- */
html[data-theme="dark"] ::selection { background: rgba(219, 173, 101, 0.35); color: #FFEEC7; }
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: rgba(230, 211, 186, 0.45); }
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select { color: #F4E9DA; }

/* checkout identity block + ordering terms (added in global.js) */
html[data-theme="dark"] .cl-id-card { background: #2A1F16; border-color: rgba(235,215,190,.2); }
html[data-theme="dark"] .cl-id-label { color: #DDB584; }
html[data-theme="dark"] .cl-id-name { color: #F4E9DA; }
html[data-theme="dark"] .cl-id-sub, html[data-theme="dark"] .cl-hint { color: #CDB491; }
html[data-theme="dark"] .cl-pill { background: #12291F; color: #7FE3B9; border-color: #2F8F5B; }
html[data-theme="dark"] .cl-guest-note { background: #33260F; border-color: #6B5217; color: #F0D9A8; }
html[data-theme="dark"] .cl-link { color: #DBAD65; }
html[data-theme="dark"] .cl-terms { color: #E6D3BA; }
html[data-theme="dark"] .cl-error { background: #3A1B1A; border-color: #7A3330; color: #F5A19A; }
html[data-theme="dark"] .cl-terms-box { background: #251B13; }
html[data-theme="dark"] .cl-terms-head, html[data-theme="dark"] .cl-terms-foot { border-color: rgba(235,215,190,.16); }
html[data-theme="dark"] .cl-terms-head h2, html[data-theme="dark"] .cl-terms-body { color: #E6D3BA; }
html[data-theme="dark"] .cl-terms-body h3, html[data-theme="dark"] .cl-terms-close { color: #DDB584; }
html[data-theme="dark"] .cl-terms-foot button { background: #DBAD65; color: #2B1B0C; }

/* inline styles written by the page scripts (need !important to be overridden) */
html[data-theme="dark"] [style*="color: var(--text-brown)"],
html[data-theme="dark"] [style*="color: #694624"] { color: #E6D3BA !important; }
html[data-theme="dark"] [style*="color: var(--dark-brown)"] { color: #F4E9DA !important; }
html[data-theme="dark"] [style*="color: #8C5325"] { color: #DDB584 !important; }
html[data-theme="dark"] [style*="color: #7B522A"] { color: #D6BB98 !important; }
html[data-theme="dark"] [style*="color: #065F46"] { color: #7FE3B9 !important; }
html[data-theme="dark"] [style*="color: #2E7D32"] { color: #6FD08C !important; }
html[data-theme="dark"] [style*="background: #FFF;"] { background: #2A1F16 !important; }
html[data-theme="dark"] [style*="background: #F5EEE5"] { background: #1F1710 !important; }
html[data-theme="dark"] [style*="background: #F4ECE3"] { background: #2C2118 !important; }
html[data-theme="dark"] [style*="background: #D1FAE5"] { background: #173A2A !important; }
html[data-theme="dark"] [style*="rgba(80,53,26"],
html[data-theme="dark"] [style*="rgba(105, 70, 36, 0.22)"] { border-color: rgba(235, 215, 190, 0.2) !important; }

/* embedded Google map: soften the bright white tiles */
html[data-theme="dark"] iframe[src*="google.com/maps"] { filter: brightness(0.82) contrast(1.05); }