/* =============================================
   SPEISEDEAL DARK MODE
   Override-based approach: html[data-theme="dark"]
   Keeps existing light theme CSS untouched.
   ============================================= */

/* =============================================
   1. GLOBAL / BODY / LAYOUT
   ============================================= */
html[data-theme="dark"] body {
  background: #121212 !important;
  color: #e0e0e0;
}
html[data-theme="dark"] body.column2-layout,
html[data-theme="dark"] .grey-bg,
html[data-theme="dark"] #cmaps,
html[data-theme="dark"] .page-grey {
  background: #1a1a1a !important;
}

/* Links */
html[data-theme="dark"] a {
  color: #e0e0e0;
}
html[data-theme="dark"] ul.top-menu a,
html[data-theme="dark"] .list-inline a,
html[data-theme="dark"] .siderbar-menu a,
html[data-theme="dark"] .menu-carousel a,
html[data-theme="dark"] .drawer-preview-cart a {
  color: #e0e0e0;
}
html[data-theme="dark"] ul.top-menu a:hover,
html[data-theme="dark"] .list-inline a:hover,
html[data-theme="dark"] a:hover,
html[data-theme="dark"] .menu-carousel a.active,
html[data-theme="dark"] .menu-carousel a:hover,
html[data-theme="dark"] .text-green {
  color: #FF8C3A !important;
}

/* Text colors */
html[data-theme="dark"] .light {
  color: #aaa;
}
html[data-theme="dark"] .light strong {
  color: #e0e0e0;
}
html[data-theme="dark"] .text-grey,
html[data-theme="dark"] .menu-category a {
  color: #888;
}
html[data-theme="dark"] .menu-category li.active a,
html[data-theme="dark"] .menu-category li a.active {
  color: #e0e0e0;
}
html[data-theme="dark"] .menu-category li.active a:after,
html[data-theme="dark"] .menu-category li a.active:after {
  border-left-color: #e0e0e0;
}

/* Borders */
html[data-theme="dark"] #top-navigation {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .line-left {
  border-left-color: #333;
}
html[data-theme="dark"] .section-cart .items,
html[data-theme="dark"] .divider {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .list-item-rows,
html[data-theme="dark"] .address-section {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .section-menu .menu-left {
  border-right-color: #2a2a2a;
}
html[data-theme="dark"] .sub-footer,
html[data-theme="dark"] .sub-footer-nav {
  border-top-color: #2a2a2a;
}

/* =============================================
   2. FORM CONTROLS
   ============================================= */
html[data-theme="dark"] .form-control-text,
html[data-theme="dark"] .form-control-select,
html[data-theme="dark"] .search-geocomplete {
  background: #1e1e1e;
  color: #e0e0e0;
}
html[data-theme="dark"] .form-control-text.form-control-text-white,
html[data-theme="dark"] .badge.badge-white,
html[data-theme="dark"] .kmrs-row {
  background: #1e1e1e;
}
html[data-theme="dark"] .form-control {
  background-color: #1e1e1e !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .form-control:focus {
  background-color: #252525 !important;
  border-color: #FF8C3A !important;
  box-shadow: 0 0 0 3px rgba(255,140,58,0.15) !important;
}
html[data-theme="dark"] .form-control::placeholder {
  color: #666 !important;
}
html[data-theme="dark"] .custom-select {
  background-color: #1e1e1e;
  border-color: #333;
  color: #e0e0e0;
}

/* Search autocomplete */
html[data-theme="dark"] #vue-home-search .search-geocomplete-results,
html[data-theme="dark"] .auto-complete .search-geocomplete-results,
html[data-theme="dark"] .search-geocomplete-results {
  background: #1e1e1e !important;
  border-color: #333 !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .search-geocomplete-results ul,
html[data-theme="dark"] .search-geocomplete-results ul.border,
html[data-theme="dark"] .search-geocomplete-results ul.list-unstyled {
  background: #1e1e1e !important;
  border-color: #333 !important;
  border-radius: 12px;
  overflow: hidden;
}
html[data-theme="dark"] .search-geocomplete-results ul li {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .search-geocomplete-results li {
  background: none !important;
  background-color: transparent !important;
}
html[data-theme="dark"] .search-geocomplete-results a {
  color: #e0e0e0 !important;
  background: url("../images/pinb.png") no-repeat 15px center transparent !important;
  background-size: 19px !important;
}
html[data-theme="dark"] .search-geocomplete-results a h6 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .search-geocomplete-results a p,
html[data-theme="dark"] .search-geocomplete-results a .text-grey {
  color: #888 !important;
}
html[data-theme="dark"] .search-geocomplete-results a:hover {
  background: url("../images/pinb.png") no-repeat 15px center #252525 !important;
  background-size: 19px !important;
}
html[data-theme="dark"] .search-geocomplete-results a:hover h6 {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .list-with-icon-button li:hover {
  background-color: #252525;
}

/* Btn group */
html[data-theme="dark"] .btn-group label {
  background: #1e1e1e;
  color: #ccc;
}
html[data-theme="dark"] .btn-group .btn.active {
  background: #e0e0e0;
  color: #121212;
}

/* =============================================
   3. HEADER (sd-header)
   ============================================= */
html[data-theme="dark"] .sd-header {
  background: rgba(18, 18, 18, 0.85) !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme="dark"] .sd-header.sd-header-scrolled {
  background: rgba(18, 18, 18, 0.95) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}
html[data-theme="dark"] body.front-page .sd-header {
  background: rgba(18, 18, 18, 0.75) !important;
}
html[data-theme="dark"] body.front-page .sd-header.sd-header-scrolled {
  background: rgba(18, 18, 18, 0.92) !important;
}

/* Header buttons */
html[data-theme="dark"] .sd-header-back {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-header-back:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-signin-btn {
  color: #e0e0e0 !important;
  background: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .sd-signin-btn:hover {
  background: rgba(255,255,255,0.12);
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-signin-btn svg {
  color: #ccc;
}
html[data-theme="dark"] .sd-user-btn {
  color: #e0e0e0 !important;
  background: rgba(255,255,255,0.08);
  border-color: transparent;
}
html[data-theme="dark"] .sd-user-btn:hover {
  background: rgba(255,255,255,0.12);
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-user-avatar {
  background: rgba(255,255,255,0.1);
}
html[data-theme="dark"] .sd-user-avatar svg {
  color: #ccc;
}
html[data-theme="dark"] .sd-user-chevron {
  color: #888;
}
html[data-theme="dark"] .sd-cart-btn {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-cart-btn:hover {
  background: rgba(255,255,255,0.08);
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-mobile-menu-btn {
  color: #ccc;
}
html[data-theme="dark"] .sd-mobile-menu-btn:hover {
  background: rgba(255,255,255,0.08);
  color: #e0e0e0;
}

/* Dropdown menu */
html[data-theme="dark"] .sd-dropdown-menu {
  background: #1e1e1e;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}
html[data-theme="dark"] .sd-dropdown-item {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-dropdown-item:hover {
  background: #252525 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-dropdown-item svg {
  color: #777;
}
html[data-theme="dark"] .sd-dropdown-divider {
  background: #2a2a2a;
}

/* Dropdown preferences row (Language/Currency/DarkMode inside dropdown) */
html[data-theme="dark"] .sd-dropdown-prefs-row .language-bar .dropdown-toggle {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-dropdown-prefs-row .language-bar .dropdown-toggle:hover {
  background: #333;
}
html[data-theme="dark"] .sd-dropdown-prefs-row .sd-darkmode-toggle {
  background: #2a2a2a;
  color: #aaa;
}
html[data-theme="dark"] .sd-dropdown-prefs-row .sd-darkmode-toggle:hover {
  background: #333;
  color: #FF8C3A;
}

/* More button (guest) */
html[data-theme="dark"] .sd-more-btn {
  color: #ccc;
}
html[data-theme="dark"] .sd-more-btn:hover {
  background: rgba(255,255,255,0.08);
  color: #e0e0e0;
}

/* Notification bell */
html[data-theme="dark"] .sd-header-notification .notification-dropdown .btn:hover,
html[data-theme="dark"] .sd-header-notification .notification-dropdown .btn:focus,
html[data-theme="dark"] .sd-header-menu .notification-dropdown .btn:hover {
  background: rgba(255,255,255,0.08) !important;
}
html[data-theme="dark"] .sd-header-notification .notification-dropdown .btn::before,
html[data-theme="dark"] .sd-header-menu .notification-dropdown .btn::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E");
}

/* Notification panel */
html[data-theme="dark"] .sd-notif-panel {
  background: #1e1e1e;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.06) !important;
}
@media (max-width: 575.98px) {
  html[data-theme="dark"] .sd-notif-panel {
    box-shadow: 0 -8px 40px rgba(0,0,0,0.5) !important;
  }
  html[data-theme="dark"] .sd-notif-panel::before {
    background: #444;
  }
}
html[data-theme="dark"] .sd-notif-header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] h5.sd-notif-title,
html[data-theme="dark"] .sd-notif-panel .sd-notif-title {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-notif-item {
  border-bottom-color: #252525;
}
html[data-theme="dark"] .sd-notif-link:hover {
  background: #252525 !important;
}
html[data-theme="dark"] .sd-notif-unread .sd-notif-link {
  background: rgba(255,107,0,0.08);
}
html[data-theme="dark"] .sd-notif-unread .sd-notif-link:hover {
  background: rgba(255,107,0,0.12) !important;
}
html[data-theme="dark"] .sd-notif-message {
  color: #ddd;
}
html[data-theme="dark"] .sd-notif-time {
  color: #777;
}
html[data-theme="dark"] .sd-notif-empty-icon {
  background: #252525;
}
html[data-theme="dark"] .sd-notif-footer {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .sd-notif-status {
  border-color: #1e1e1e;
}
html[data-theme="dark"] .sd-notif-icon-generic {
  background: rgba(255, 107, 0, 0.15);
}

/* =============================================
   4. MOBILE DRAWER
   ============================================= */
html[data-theme="dark"] .sd-drawer .el-drawer {
  background: #1a1a1a !important;
}
html[data-theme="dark"] .sd-drawer-user-info {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-drawer-avatar {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-drawer-username {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-drawer-link {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-drawer-link:hover {
  background: #252525;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-drawer-link svg {
  color: #777;
}
html[data-theme="dark"] .sd-drawer-divider {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-drawer-signin-btn {
  background: #e0e0e0;
  color: #121212 !important;
}
html[data-theme="dark"] .sd-drawer-signin-btn:hover {
  background: #ccc;
}

/* =============================================
   5. FOOTER
   ============================================= */
html[data-theme="dark"] footer,
html[data-theme="dark"] .change-address-wrap,
html[data-theme="dark"] .grey-section {
  background: #1a1a1a;
}
html[data-theme="dark"] .sd-footer-bar {
  background: #0d0d0d;
  color: #888;
}
html[data-theme="dark"] .sd-footer-bar a {
  color: #aaa;
}

/* Sub-footer */
html[data-theme="dark"] .sd-footer {
  background: #151515;
  color: #ccc;
}
html[data-theme="dark"] .sd-footer-newsletter {
  background: transparent;
  border-color: transparent;
}
html[data-theme="dark"] .sd-newsletter-form {
  background: #1e1e1e;
  border-color: #333;
}
html[data-theme="dark"] .sd-newsletter-form .el-input .el-input__wrapper {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .sd-newsletter-form .el-input .el-input__inner {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-newsletter-form input {
  background: transparent;
  border-color: transparent;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-footer-social a {
  color: #999;
}
html[data-theme="dark"] .sd-footer-social a:hover {
  color: #FF8C3A;
}

/* =============================================
   6. HOMEPAGE / HERO
   ============================================= */
html[data-theme="dark"] .sd-hero {
  background: #121212;
}
html[data-theme="dark"] .sd-hero-title {
  color: #f0f0f0;
}
html[data-theme="dark"] .sd-hero-subtitle {
  color: #999;
}
html[data-theme="dark"] .sd-hero-tagline {
  background: rgba(255,107,0,0.12);
}
html[data-theme="dark"] .sd-search-box {
  background: rgba(30, 30, 30, 0.9);
  border-color: rgba(255,255,255,0.1);
  box-shadow: 0 8px 32px rgba(0,0,0,0.3), 0 2px 8px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .sd-search-box:focus-within {
  box-shadow: 0 8px 32px rgba(255,107,0,0.2), 0 2px 8px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .sd-search-box .form-control,
html[data-theme="dark"] .sd-search-box .form-control-text,
html[data-theme="dark"] .sd-search-box .search-geocomplete {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-search-box .form-control::placeholder {
  color: #666 !important;
}
html[data-theme="dark"] .sd-search-box .search-geocomplete .el-input--large .el-input__inner {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-search-box .search-geocomplete .el-input--large .el-input__inner::placeholder {
  color: #666;
}
html[data-theme="dark"] .sd-search-box .search-geocomplete-results {
  background: #1e1e1e;
  border-color: #333;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .sd-search-box .search-geocomplete-results a:hover {
  background: #252525;
}

/* Steps section */
html[data-theme="dark"] .sd-steps {
  background: #121212;
}
html[data-theme="dark"] .sd-step-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-step-text {
  color: #888;
}
html[data-theme="dark"] .sd-step-icon {
  background: rgba(255,107,0,0.12);
}
html[data-theme="dark"] .sd-step:hover .sd-step-icon {
  background: rgba(255,107,0,0.2);
}
html[data-theme="dark"] .sd-step-divider {
  background: #2a2a2a;
}

/* =============================================
   7. RESTAURANT FEED — FILTER SIDEBAR
   ============================================= */
html[data-theme="dark"] .feed-filter-sidebar {
  background: #1a1a1a;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .fv2-section-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .fv2-switch {
  background: #333;
}
html[data-theme="dark"] .fv2-knob {
  background: #ccc;
}
html[data-theme="dark"] .fv2-radio-pill {
  border-color: #333;
  color: #aaa;
  background: #1e1e1e;
}
html[data-theme="dark"] .fv2-radio-pill:hover {
  border-color: #555;
  background: #252525;
}
html[data-theme="dark"] .fv2-rating-btn {
  border-color: #333;
  color: #aaa;
  background: #1e1e1e;
}
html[data-theme="dark"] .fv2-rating-btn:hover {
  border-color: #fbbf24;
  background: rgba(251,191,36,0.1);
}
html[data-theme="dark"] .fv2-rating-btn .fa-star {
  color: #555;
}
html[data-theme="dark"] .fv2-cuisine-item:hover {
  background: #252525;
}
html[data-theme="dark"] .fv2-cuisine-item input[type="checkbox"] {
  border-color: #555;
  background: #1e1e1e;
}
html[data-theme="dark"] .fv2-cuisine-item span {
  color: #ccc;
}
html[data-theme="dark"] .fv2-cuisine-item.active {
  background: rgba(255,107,0,0.1);
}

/* =============================================
   8. RESTAURANT CARDS — HORIZONTAL
   ============================================= */
html[data-theme="dark"] .card-horizontal {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .card-horizontal:hover {
  box-shadow: 0 2px 10px rgba(0,0,0,0.25);
  border-color: #333;
}
html[data-theme="dark"] .card-horizontal .card-h-img-wrap {
  background: #252525;
}
html[data-theme="dark"] .card-horizontal .card-h-logo-small {
  border-color: #1e1e1e;
  background: #1e1e1e;
}
html[data-theme="dark"] .card-horizontal .card-h-body h5 {
  color: #e0e0e0;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-rating-line {
  color: #999;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-rating-line .rating-val {
  color: #e0e0e0;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-rating-line .separator {
  color: #444;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-cuisine {
  color: #888;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-delivery-line {
  color: #888;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-delivery-line i {
  color: #666;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-info-badges .info-badge {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .card-horizontal:hover .card-h-info-badges .info-badge {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-info-badges .info-badge i {
  color: #666;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-info-badges .info-badge-label {
  color: #777;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-info-badges .info-badge-value {
  color: #ccc;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-info-badges .info-badge-green {
  background: rgba(255,107,0,0.1);
  border-color: rgba(255,107,0,0.2);
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-info-badges .info-badge-free {
  background: rgba(46,125,50,0.15);
  border-color: rgba(46,125,50,0.3);
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-info-badges .info-badge-free i {
  color: #66BB6A;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-info-badges .info-badge-free .info-badge-label {
  color: #66BB6A;
}

/* --- Unified Fav Button (dark) --- */
html[data-theme="dark"] .card-horizontal .card-h-fav-btn {
  background: #2a2a2a;
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .card-horizontal .card-h-fav-btn:hover {
  background: #333;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .card-horizontal .card-h-fav-btn .zmdi {
  color: #777;
}
html[data-theme="dark"] .card-horizontal .card-h-fav-btn--active .zmdi {
  color: #c0392b;
}
html[data-theme="dark"] .card-horizontal .card-h-fav-btn__count {
  color: #999;
}
html[data-theme="dark"] .card-horizontal .card-h-fav-btn--active .card-h-fav-btn__count {
  color: #ccc;
}
html[data-theme="dark"] .card-horizontal .card-h-fav-btn__tip {
  background: #333;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .card-horizontal .card-h-fav-btn__tip::after {
  background: #333;
}

/* --- Gallery Slider (dark) --- */
html[data-theme="dark"] .sd-gslider__dots {
  background: rgba(0,0,0,0.45);
}
html[data-theme="dark"] .sd-gslider__dot {
  background: rgba(255,255,255,0.35);
}
html[data-theme="dark"] .sd-gslider__dot--active {
  background: rgba(255,255,255,0.9);
}
html[data-theme="dark"] .sd-gslider__arrow {
  background: rgba(30,30,30,0.85);
  color: #ccc;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .sd-gslider__arrow:hover {
  background: rgba(40,40,40,0.95);
  color: #fff;
}

/* --- Closed Overlay (dark) --- */
html[data-theme="dark"] .card-horizontal .card-h-closed-overlay {
  background: rgba(20,20,20,0.7);
  backdrop-filter: blur(3px) saturate(0.5);
}
html[data-theme="dark"] .card-horizontal .card-h-closed-overlay span {
  color: #999;
  background: rgba(40,40,40,0.85);
  border-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .card-featured .card-f-closed-overlay {
  background: rgba(20,20,20,0.7);
  backdrop-filter: blur(3px) saturate(0.5);
}
html[data-theme="dark"] .card-featured .card-f-closed-overlay span {
  color: #999;
  background: rgba(40,40,40,0.85);
  border-color: rgba(255,255,255,0.08);
}

/* =============================================
   9. RESTAURANT CARDS — FEATURED (VERTICAL)
   ============================================= */
html[data-theme="dark"] .card-featured {
  background: #1e1e1e;
  border-color: rgba(255,255,255,0.05);
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .card-featured:hover {
  box-shadow: 0 2px 12px rgba(0,0,0,0.3);
  border-color: rgba(255,255,255,0.07);
}
html[data-theme="dark"] .card-featured .card-f-img-wrap {
  background: #252525;
}
html[data-theme="dark"] .card-featured .card-f-logo-small {
  border-color: #1e1e1e;
  background: #1e1e1e;
}
html[data-theme="dark"] .card-featured .card-f-body h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .card-featured .card-f-body .card-f-cuisine {
  color: #888;
}
html[data-theme="dark"] .card-featured .card-f-body .card-f-meta {
  color: #777;
}
html[data-theme="dark"] .card-featured .card-f-info-badges {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .card-featured .card-f-info-badges .info-badge-mini {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .card-featured:hover .card-f-info-badges .info-badge-mini {
  background: #2a2a2a;
}
html[data-theme="dark"] .card-featured .card-f-info-badges .info-badge-mini i {
  color: #666;
}
html[data-theme="dark"] .card-featured .card-f-info-badges .info-badge-mini-label {
  color: #777;
}
html[data-theme="dark"] .card-featured .card-f-info-badges .info-badge-mini-value {
  color: #ccc;
}
html[data-theme="dark"] .card-featured .card-f-info-badges .info-badge-mini-free {
  background: rgba(46,125,50,0.15);
  border-color: rgba(46,125,50,0.3);
}
html[data-theme="dark"] .card-featured .card-f-info-badges .info-badge-mini-free i {
  color: #66BB6A;
}
html[data-theme="dark"] .card-featured .card-f-info-badges .info-badge-mini-free .info-badge-mini-value {
  color: #66BB6A;
}

/* --- Featured Card: Service Badges (dark) --- */
html[data-theme="dark"] .card-featured .card-f-svc {
  color: #777;
}
html[data-theme="dark"] .card-featured .card-f-svc i {
  color: #666;
}

/* --- Horizontal Card: Service Badges (dark) --- */
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-svc {
  color: #777;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-svc i {
  color: #666;
}

/* --- Horizontal Card: Promo Badge (dark) --- */
html[data-theme="dark"] .card-horizontal .card-h-img-wrap .card-h-promo .badge {
  background: linear-gradient(135deg, #c0392b, #962d22);
}

/* --- Horizontal Card: Promo Chip (dark) --- */
html[data-theme="dark"] .card-horizontal .card-h-body .promo-chip {
  background: rgba(255,107,0,0.1);
  border-color: rgba(255,107,0,0.2);
  color: #FF8C3A;
}
html[data-theme="dark"] .card-horizontal .card-h-body .promo-chip i {
  color: #FF8C3A;
}
html[data-theme="dark"] .card-horizontal .card-h-body .promo-chip .promo-chip-pct {
  background: #FF6B00;
  color: #fff;
}
html[data-theme="dark"] .card-horizontal .card-h-body .promo-chip .promo-chip-more {
  background: #E05E00;
  color: #fff;
}
html[data-theme="dark"] .card-horizontal:hover .promo-chip {
  background: rgba(255,107,0,0.1);
  border-color: rgba(255,107,0,0.2);
}

/* --- Horizontal Card: Weekly Deal Chip (dark) --- */
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-weekly-deal .weekly-deal-chip {
  background: rgba(255,152,0,0.1);
  border-color: rgba(255,152,0,0.2);
  color: #FFB74D;
}
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-weekly-deal .weekly-deal-chip i {
  color: #FFB74D;
}

/* --- Featured Card: Weekly Deal Chip (dark) --- */
html[data-theme="dark"] .card-featured .card-f-body .card-f-weekly-deal .weekly-deal-chip {
  background: rgba(255,152,0,0.1);
  border-color: rgba(255,152,0,0.2);
  color: #FFB74D;
}
html[data-theme="dark"] .card-featured .card-f-body .card-f-weekly-deal .weekly-deal-chip i {
  color: #FFB74D;
}

/* --- Horizontal Card: Next Open (dark) --- */
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-next-open {
  color: #FF8C3A;
}

/* --- Food Search Results Slide (dark) --- */
html[data-theme="dark"] .card-h-food-slide {
  background: #1a1a1a;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .card-h-food-slide-header {
  color: #777;
}
html[data-theme="dark"] .card-h-food-slide-header i {
  color: #555;
}
html[data-theme="dark"] .card-h-food-item {
  background: #222;
  border-color: #333;
}
html[data-theme="dark"] .card-h-food-item:hover {
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  border-color: #444;
}
html[data-theme="dark"] .card-h-food-img {
  background: #252525;
}
html[data-theme="dark"] .card-h-food-name {
  color: #ddd;
}
html[data-theme="dark"] .card-h-food-price {
  color: #FF8C3A;
}

/* =============================================
   FEED PAGE — Skeleton / Loading States
   ============================================= */

/* Restaurant card skeletons (horizontal + mobile) */
html[data-theme="dark"] .skel-card-h {
  background: #1e1e1e !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  border: 1px solid #2a2a2a !important;
}

/* Featured card skeletons */
html[data-theme="dark"] .skel-card-featured {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}

/* Results header skeleton */
html[data-theme="dark"] .skel-results-header {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}

/* Deals slider skeleton */
html[data-theme="dark"] .deals-slider-skeleton .dss-item,
html[data-theme="dark"] .sd-deals-skeleton__item {
  background: linear-gradient(90deg, #252525 25%, #2a2a2a 50%, #252525 75%) !important;
  background-size: 400% 100% !important;
}

/* Element Plus skeleton items — dark shimmer (all variants) */
html[data-theme="dark"] .el-skeleton__item,
html[data-theme="dark"] .el-skeleton-item,
html[data-theme="dark"] .el-skeleton__image,
html[data-theme="dark"] .el-skeleton__paragraph,
html[data-theme="dark"] .el-skeleton__h1,
html[data-theme="dark"] .el-skeleton__h3,
html[data-theme="dark"] .el-skeleton__text,
html[data-theme="dark"] .el-skeleton__rect,
html[data-theme="dark"] .el-skeleton__circle,
html[data-theme="dark"] .el-skeleton__button {
  background: #252525 !important;
}
html[data-theme="dark"] .el-skeleton.is-animated .el-skeleton__item,
html[data-theme="dark"] .el-skeleton.is-animated .el-skeleton-item,
html[data-theme="dark"] .el-skeleton.is-animated .el-skeleton__image,
html[data-theme="dark"] .el-skeleton.is-animated .el-skeleton__paragraph,
html[data-theme="dark"] .el-skeleton.is-animated .el-skeleton__text,
html[data-theme="dark"] .el-skeleton.is-animated .el-skeleton__rect {
  background: linear-gradient(90deg, #252525 25%, #333 37%, #252525 63%) !important;
  background-size: 400% 100% !important;
}

/* Featured section headers */
html[data-theme="dark"] .featured-section-header h4 {
  color: #e0e0e0;
}
html[data-theme="dark"] .fsb-new        { background: rgba(76,175,80,0.12); }
html[data-theme="dark"] .fsb-popular    { background: rgba(255,152,0,0.12); }
html[data-theme="dark"] .fsb-best_seller { background: rgba(255,235,59,0.12); }
html[data-theme="dark"] .fsb-recommended { background: rgba(156,39,176,0.12); }

/* Scroll arrows */
html[data-theme="dark"] .fsa-btn {
  background: rgba(30,30,30,0.92);
  backdrop-filter: blur(8px);
  border-color: #3a3a3a;
  color: #bbb;
  box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .fsa-btn:hover {
  background: #2a2a2a;
  border-color: #555;
  color: #eee;
  box-shadow: 0 2px 10px rgba(0,0,0,0.4);
}

/* Feed results header */
html[data-theme="dark"] .feed-results-header {
  background: linear-gradient(135deg, rgba(255,107,0,0.08) 0%, rgba(255,107,0,0.05) 100%);
  border-color: rgba(255,107,0,0.15);
}
html[data-theme="dark"] .feed-results-header h5 {
  color: #e0e0e0;
}

/* Trust card */
html[data-theme="dark"] .sd-trust-card {
  background: #1a1a1a;
  border-color: #2a2a2a;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .sd-trust-card:hover {
  border-color: rgba(255,107,0,0.25);
  box-shadow: 0 2px 12px rgba(255,107,0,0.1);
}
html[data-theme="dark"] .sd-trust-card--skeleton {
  border-color: #222;
}
html[data-theme="dark"] .sd-trust-card__icon {
  background: linear-gradient(135deg, rgba(255,107,0,0.15) 0%, rgba(255,107,0,0.1) 100%);
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-trust-card__title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-trust-card__count {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-trust-card__sub {
  color: #777;
}
html[data-theme="dark"] .sd-trust-card__info-btn {
  background: #252525;
  border-color: #333;
  color: #777;
}
html[data-theme="dark"] .sd-trust-card__info-btn:hover {
  background: #2a2a2a;
  border-color: #FF8C3A;
  color: #FF8C3A;
}

/* Trust popup */
html[data-theme="dark"] .sd-trust-popup {
  background: #1a1a1a;
}
html[data-theme="dark"] .sd-trust-popup__header {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-trust-popup__title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-trust-popup__subtitle {
  color: #777;
}
html[data-theme="dark"] .sd-trust-popup__close {
  background: #252525;
  color: #999;
}
html[data-theme="dark"] .sd-trust-popup__close:hover {
  background: #333;
  color: #ccc;
}
html[data-theme="dark"] .sd-trust-popup__item {
  border-color: #222;
}
html[data-theme="dark"] .sd-trust-popup__item-icon--orange {
  background: rgba(255,107,0,0.12);
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-trust-popup__item-icon--green {
  background: rgba(34,166,82,0.12);
  color: #4ADE80;
}
html[data-theme="dark"] .sd-trust-popup__item-icon--blue {
  background: rgba(59,130,246,0.12);
  color: #60A5FA;
}
html[data-theme="dark"] .sd-trust-popup__item-icon--purple {
  background: rgba(139,92,246,0.12);
  color: #A78BFA;
}
html[data-theme="dark"] .sd-trust-popup__item-icon--red {
  background: rgba(239,68,68,0.12);
  color: #F87171;
}
html[data-theme="dark"] .sd-trust-popup__item-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-trust-popup__item-desc {
  color: #999;
}
html[data-theme="dark"] .sd-trust-popup__footer {
  border-color: #2a2a2a;
}

/* Feed search bar */
html[data-theme="dark"] .feed-search-inner {
  background: #1e1e1e;
  border-color: #333;
}
html[data-theme="dark"] .feed-search-inner:focus-within {
  background: #252525;
}
html[data-theme="dark"] .feed-search-input {
  color: #e0e0e0;
}
html[data-theme="dark"] .feed-search-input::placeholder {
  color: #666;
}
html[data-theme="dark"] .feed-search-clear {
  background: #333;
  color: #999;
}
html[data-theme="dark"] .feed-search-clear:hover {
  background: #444;
  color: #ccc;
}

/* Mobile filter button */
html[data-theme="dark"] .feed-mobile-filter-btn {
  background: #252525;
  border-color: #333;
  color: #aaa;
}
html[data-theme="dark"] .feed-mobile-btn-active {
  background: #e0e0e0;
  border-color: #e0e0e0;
  color: #121212;
}

/* =============================================
   10. CUISINE STRIP
   ============================================= */
html[data-theme="dark"] .sd-cuisine-name {
  color: #aaa;
}
html[data-theme="dark"] .sd-cuisine-card:hover .sd-cuisine-name {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-cuisine-show-all-btn i {
  background: #252525;
  border-color: #444;
  color: #888;
}
html[data-theme="dark"] .sd-cuisine-show-all-btn span {
  color: #aaa;
}
html[data-theme="dark"] .sd-cuisine-show-all-btn:hover i {
  background: #333;
}

/* Cuisine popup */
html[data-theme="dark"] .sd-cq-modal {
  background: #1e1e1e;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .sd-cq-header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-cq-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-cq-close {
  background: #2a2a2a;
  color: #aaa;
}
html[data-theme="dark"] .sd-cq-close:hover {
  background: #333;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-cq-item:hover {
  background: #252525;
}
html[data-theme="dark"] .sd-cq-item.active {
  background: rgba(255,107,0,0.1);
}
html[data-theme="dark"] .sd-cq-item-name {
  color: #ccc;
}
html[data-theme="dark"] .sd-cq-footer {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .sd-cq-reset {
  background: #252525;
  border-color: #444;
  color: #ccc;
}
html[data-theme="dark"] .sd-cq-reset:hover {
  background: #333;
}

/* =============================================
   11. ITEM MODAL V2
   ============================================= */
html[data-theme="dark"] .item-modal-v2 {
  background: #1e1e1e;
}
html[data-theme="dark"] .item-modal-v2-close {
  background: rgba(30,30,30,0.9);
  color: #ccc;
}
html[data-theme="dark"] .item-modal-v2-close:hover {
  background: #333;
}
html[data-theme="dark"] .item-modal-v2-img {
  background: #252525;
}
html[data-theme="dark"] .item-modal-v2-img::after {
  background: linear-gradient(to top, rgba(30,30,30,0.6) 0%, transparent 100%);
}
html[data-theme="dark"] .item-modal-v2-noimg-hero {
  background: linear-gradient(135deg, #2a2218 0%, #2d2215 50%, #252018 100%);
  border-bottom-color: #3a3020;
}
html[data-theme="dark"] .item-modal-v2-noimg-icon {
  background: #2a2a2a;
  box-shadow: 0 2px 12px rgba(255,107,0,0.15);
}
html[data-theme="dark"] .item-modal-v2-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .item-modal-v2-info p,
html[data-theme="dark"] .item-modal-v2-info .readmore {
  color: #999;
}
html[data-theme="dark"] .item-modal-v2-section-label {
  color: #e0e0e0;
}
html[data-theme="dark"] .item-modal-v2-size-option {
  border-color: #333;
  background: #1e1e1e;
}
html[data-theme="dark"] .item-modal-v2-size-option:hover {
  background: #252525;
}
html[data-theme="dark"] .item-modal-v2-size-option.active {
  background: rgba(255,107,0,0.1);
}
html[data-theme="dark"] .item-modal-v2-size-name {
  color: #e0e0e0;
}
html[data-theme="dark"] .item-modal-v2-size-price {
  color: #ccc;
}
html[data-theme="dark"] .item-modal-v2-size-radio {
  border-color: #555;
}
html[data-theme="dark"] .item-modal-v2-accordion {
  border-color: #333;
  background: #1e1e1e;
}
html[data-theme="dark"] .item-modal-v2-accordion-header:hover {
  background: #252525;
}
html[data-theme="dark"] .item-modal-v2-accordion-title > span:first-child {
  color: #e0e0e0;
}
html[data-theme="dark"] .item-modal-v2-accordion-body {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .item-modal-v2-addon-item {
  border-bottom-color: #252525;
}
html[data-theme="dark"] .item-modal-v2-addon-item:has(.custom-control-input:checked) {
  background: rgba(255, 107, 0, 0.06);
}
html[data-theme="dark"] .sd-addon-pinfo {
  color: #777;
}
html[data-theme="dark"] .sd-addon-pinfo:hover {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-alg-popover {
  background: #1e1c1a;
  border-color: #333;
}
html[data-theme="dark"] .sd-alg-popover__head {
  background: #252218;
  border-bottom-color: #333;
}
html[data-theme="dark"] .sd-alg-popover__head-icon {
  background: linear-gradient(135deg, #3e3520, #4a3d20);
}
html[data-theme="dark"] .sd-alg-popover__head-icon i {
  color: #c9a84c;
}
html[data-theme="dark"] .sd-alg-popover__head-title {
  color: #eee;
}
html[data-theme="dark"] .sd-alg-popover__close {
  color: #777;
}
html[data-theme="dark"] .sd-alg-popover__close:hover {
  background: #333;
  color: #ccc;
}
html[data-theme="dark"] .sd-alg-popover__group-title {
  color: #777;
  border-bottom-color: #333;
}
html[data-theme="dark"] .sd-alg-popover__notice {
  background: #1a1815;
  border-top-color: #333;
}
html[data-theme="dark"] .sd-alg-popover__notice i {
  color: #a08030;
}
html[data-theme="dark"] .sd-alg-popover__notice span {
  color: #888;
}
html[data-theme="dark"] .item-modal-v2-addon-price {
  color: #ccc;
}
html[data-theme="dark"] .item-modal-v2-footer {
  border-top-color: #2a2a2a;
  background: #1e1e1e;
  box-shadow: 0 -4px 16px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .item-modal-v2-qty {
  background: #252525;
}
html[data-theme="dark"] .item-modal-v2-qty-btn {
  color: #ccc;
}
html[data-theme="dark"] .item-modal-v2-qty-btn:hover {
  background: #333;
}
html[data-theme="dark"] .item-modal-v2-qty-val {
  color: #e0e0e0;
}
html[data-theme="dark"] .item-modal-v2-accordion-notes {
  background: #1a1a1a;
  border-color: #333;
}
html[data-theme="dark"] .item-modal-v2-accordion-notes.is-open {
  background: #1e1e1e;
}
html[data-theme="dark"] .item-modal-v2-textarea {
  background: #1e1e1e;
  border-color: #333;
  color: #e0e0e0;
}
html[data-theme="dark"] .item-modal-v2-allergen-link {
  border-color: #333;
  color: #aaa;
  background: #252525;
}
html[data-theme="dark"] .item-modal-v2-allergen-link:hover {
  background: rgba(255,107,0,0.1);
}

/* Allergen accordion */
html[data-theme="dark"] .item-modal-v2-accordion-allergen {
  border-color: #3a3020;
  background: #1a1a18;
}
html[data-theme="dark"] .item-modal-v2-accordion-allergen.is-open {
  background: #1e1e1e;
}
html[data-theme="dark"] .item-modal-v2-allergen-row {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .item-modal-v2-allergen-icon-placeholder {
  background: #2a2a2a;
}

/* Scrollbar */
html[data-theme="dark"] .item-modal-v2-body::-webkit-scrollbar-thumb {
  background: #444;
}

/* =============================================
   Q&A ADDON ENHANCEMENTS — DARK MODE
   ============================================= */
html[data-theme="dark"] .sd-qa-step {
  background: #2a2a2a;
  color: #666;
}
html[data-theme="dark"] .sd-qa-step--active {
  background: rgba(255, 107, 0, 0.12);
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-qa-step--done {
  background: #2a2a2a;
  color: #888;
}
html[data-theme="dark"] .sd-qa-subtitle {
  color: #777;
}
html[data-theme="dark"] .sd-qa-subtitle__hint {
  color: #777;
}
html[data-theme="dark"] .sd-qa-subtitle__dot {
  color: #555;
}
html[data-theme="dark"] .sd-qa-subtitle__badge--req {
  color: #d97706;
}
html[data-theme="dark"] .sd-qa-subtitle__badge--opt {
  color: #666;
}
html[data-theme="dark"] .sd-qa-summary {
  color: #777;
}

/* =============================================
   12. CHECKOUT PAGE V2
   ============================================= */
html[data-theme="dark"] .checkout-v2-page {
  background: #151515;
}
html[data-theme="dark"] .checkout-v2-topnav {
  background: rgba(18, 18, 18, 0.97);
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-step-circle {
  border-color: #444;
  background: #1e1e1e;
  color: #777;
}
html[data-theme="dark"] .checkout-v2-step-label {
  color: #777;
}
html[data-theme="dark"] .checkout-v2-step.active .checkout-v2-step-label {
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-step-line {
  background: #333;
}
html[data-theme="dark"] .checkout-v2-section {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-section:hover {
  border-color: #333;
}
html[data-theme="dark"] .checkout-v2-section-header:hover {
  background: #252525;
}
html[data-theme="dark"] .checkout-v2-section-icon {
  background: #1a1a1a !important;
  color: #999 !important;
}
html[data-theme="dark"] .checkout-v2-section-title h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-section-title p {
  color: #777;
}
html[data-theme="dark"] .checkout-v2-section-header {
  border-bottom-color: #252525;
}
html[data-theme="dark"] .checkout-v2-section-body .form-control:focus,
html[data-theme="dark"] .checkout-v2-address-form .form-control:focus {
  border-color: #FF8C3A !important;
  box-shadow: 0 0 0 3px rgba(255,140,58,0.15) !important;
}
html[data-theme="dark"] .checkout-v2-type-btn {
  border-color: #333;
  background: #1e1e1e;
  color: #aaa;
}
html[data-theme="dark"] .checkout-v2-type-btn:hover {
  background: #252525;
  color: #ccc;
}
html[data-theme="dark"] .checkout-v2-type-btn.active {
  background: rgba(255,107,0,0.1);
}
html[data-theme="dark"] .checkout-v2-time-btn {
  border-color: #333;
  background: #1e1e1e;
  color: #aaa;
}
html[data-theme="dark"] .checkout-v2-time-btn.active {
  background: rgba(255,107,0,0.1);
}
html[data-theme="dark"] .checkout-v2-info-row {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-info-row:hover {
  background: #252525;
}
html[data-theme="dark"] .checkout-v2-info-row.completed {
  background: rgba(255,107,0,0.06);
  border-color: rgba(255,107,0,0.2);
}
html[data-theme="dark"] .checkout-v2-info-icon {
  background: #1a1a1a !important;
  color: #999 !important;
}
html[data-theme="dark"] .checkout-v2-info-content .info-value {
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-info-content .info-label {
  color: #777;
}
html[data-theme="dark"] .checkout-v2-payment-item {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-payment-item:hover {
  background: #252525;
}
html[data-theme="dark"] .checkout-v2-payment-item.selected {
  background: rgba(255,107,0,0.06);
}
html[data-theme="dark"] .checkout-v2-payment-logo {
  background: #252525;
}
html[data-theme="dark"] .checkout-v2-payment-info .payment-name {
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-payment-check {
  border-color: #444;
}
html[data-theme="dark"] .checkout-v2-summary-card {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .checkout-v2-summary-card > .card-body {
  background: transparent !important;
}
html[data-theme="dark"] .checkout-v2-summary-header {
  border-bottom-color: #252525;
}
html[data-theme="dark"] .checkout-v2-summary-header .merchant-info h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-cart-item {
  border-bottom-color: #252525;
}
html[data-theme="dark"] .checkout-v2-cart-item-details .item-name {
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-cart-item-price .price {
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-summary-totals {
  border-top-color: #2a2a2a;
  background: #1a1a1a;
}
html[data-theme="dark"] .checkout-v2-summary-row {
  color: #aaa;
}
html[data-theme="dark"] .checkout-v2-summary-row.total-row {
  border-top-color: #e0e0e0;
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-place-order {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-divider {
  background: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-form-label {
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-toggle-row {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-toggle-label {
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-map-wrap {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-saved-address {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .checkout-v2-saved-address .address-text {
  color: #e0e0e0;
}

/* =============================================
   SD Checkout Address — Dark Mode (sd-co-addr-*)
   ============================================= */
html[data-theme="dark"] .sd-addr-needs-confirm {
  border-color: #FF8C3A !important;
}
/* --- Confirm Banner --- */
html[data-theme="dark"] .sd-co-addr-confirm-banner {
  background: linear-gradient(135deg, rgba(255,107,0,0.08) 0%, rgba(255,107,0,0.04) 100%);
  border-color: rgba(255,107,0,0.25);
}
html[data-theme="dark"] .sd-co-addr-confirm-banner__icon {
  background: #FF6B00;
}
html[data-theme="dark"] .sd-co-addr-confirm-banner__title {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-co-addr-confirm-banner__text {
  color: #cca070;
}
/* --- Toolbar --- */
html[data-theme="dark"] .sd-co-addr-toolbar__title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-co-addr-toolbar__btn {
  border-color: #444;
  color: #aaa;
  background: transparent;
}
html[data-theme="dark"] .sd-co-addr-toolbar__btn:hover {
  border-color: #555;
  color: #ccc;
  background: #252525;
}
html[data-theme="dark"] .sd-co-addr-toolbar__btn--saved {
  border-color: #FF6B00;
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-co-addr-toolbar__btn--saved:hover {
  background: rgba(255,107,0,0.1);
  color: #FF8C3A;
}
/* --- Current Address Bar --- */
html[data-theme="dark"] .sd-co-addr-current {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .sd-co-addr-current__pin {
  background: rgba(255,107,0,0.12);
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-co-addr-current__text {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-co-addr-current__change {
  border-color: #FF6B00;
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-co-addr-current__change:hover {
  background: rgba(255,107,0,0.1);
}
/* --- Saved Address Card --- */
html[data-theme="dark"] .sd-co-addr-card {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .sd-co-addr-card__icon {
  background: rgba(255,107,0,0.12);
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-co-addr-card__label {
  background: rgba(255,107,0,0.12);
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-co-addr-card__text {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-co-addr-card__sub {
  color: #888;
}
html[data-theme="dark"] .sd-co-addr-card__sub i {
  color: #666;
}
/* --- Action Buttons --- */
html[data-theme="dark"] .sd-co-addr-btn {
  border-color: #444;
  background: #1e1e1e;
  color: #aaa;
}
html[data-theme="dark"] .sd-co-addr-btn:hover {
  border-color: #555;
  background: #252525;
}
html[data-theme="dark"] .sd-co-addr-btn--edit:hover {
  border-color: #FF6B00;
  color: #FF8C3A;
  background: rgba(255,107,0,0.1);
}
html[data-theme="dark"] .sd-co-addr-btn--delete:hover {
  border-color: #ef4444;
  color: #f87171;
  background: rgba(239,68,68,0.1);
}
/* --- Links --- */
html[data-theme="dark"] .sd-co-addr-link {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-co-addr-link:hover {
  color: #ffaa66;
}
/* --- Form Fields --- */
html[data-theme="dark"] .sd-co-addr-field__label {
  color: #999;
}
html[data-theme="dark"] .sd-co-addr-field__input {
  background: #1e1e1e;
  border-color: #333;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-co-addr-field__input::placeholder {
  color: #666;
}
html[data-theme="dark"] .sd-co-addr-field__input:focus {
  border-color: #FF8C3A;
  box-shadow: 0 0 0 3px rgba(255,140,58,0.15);
}
html[data-theme="dark"] .sd-co-addr-field__select {
  background: #1e1e1e;
  border-color: #333;
  color: #e0e0e0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}
html[data-theme="dark"] .sd-co-addr-field__select:focus {
  border-color: #FF8C3A;
  box-shadow: 0 0 0 3px rgba(255,140,58,0.15);
}
html[data-theme="dark"] .sd-co-addr-field__select option {
  background: #1e1e1e;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-co-addr-field__textarea {
  background: #1e1e1e;
  border-color: #333;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-co-addr-field__textarea::placeholder {
  color: #666;
}
html[data-theme="dark"] .sd-co-addr-field__textarea:focus {
  border-color: #FF8C3A;
  box-shadow: 0 0 0 3px rgba(255,140,58,0.15);
}
html[data-theme="dark"] .sd-co-addr-field__info {
  color: #666;
}
html[data-theme="dark"] .sd-co-addr-field__info:hover {
  color: #FF8C3A;
}
/* --- Pills --- */
html[data-theme="dark"] .sd-co-addr-pill {
  border-color: #444;
  background: #1e1e1e;
  color: #aaa;
}
html[data-theme="dark"] .sd-co-addr-pill:hover {
  border-color: #555;
  background: #252525;
}
html[data-theme="dark"] .sd-co-addr-pill--active {
  border-color: #FF6B00 !important;
  background: rgba(255,107,0,0.12) !important;
  color: #FF8C3A !important;
}
/* --- Save Button --- */
html[data-theme="dark"] .sd-co-addr-save {
  background: #FF6B00;
}
html[data-theme="dark"] .sd-co-addr-save:hover {
  background: #E05E00;
}
/* --- Autocomplete Dropdown --- */
html[data-theme="dark"] .sd-co-addr-ac {
  background: #1e1e1e;
  border-color: #333;
  box-shadow: 0 6px 16px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .sd-co-addr-ac__item {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-co-addr-ac__item:hover,
html[data-theme="dark"] .sd-co-addr-ac__item--active {
  background: rgba(255,107,0,0.1);
}
html[data-theme="dark"] .sd-co-addr-ac__icon {
  color: #FF8C3A;
}
/* --- END SD Checkout Address Dark Mode --- */

/* Checkout cart toggle */
html[data-theme="dark"] .checkout-cart-toggle {
  border-color: #2a2a2a;
  background: #1a1a1a;
}
html[data-theme="dark"] .checkout-cart-toggle:hover {
  background: #252525;
}

/* Checkout switch */
html[data-theme="dark"] .checkout-switch-slider {
  background: #444;
}
html[data-theme="dark"] .checkout-switch-slider:before {
  background: #ccc;
}

/* Tip section dark mode */
html[data-theme="dark"] .sd-tip-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-tip-icon-wrap {
  background: linear-gradient(135deg, rgba(255,107,0,0.12) 0%, rgba(255,107,0,0.08) 100%) !important;
  color: #FF8C3A !important;
}
html[data-theme="dark"] .sd-tip-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-tip-subtitle {
  color: #777;
}
html[data-theme="dark"] .sd-tip-chip__label {
  border-color: #333;
  background: #252525;
  color: #aaa;
}
html[data-theme="dark"] .sd-tip-chip__label:hover {
  border-color: #444;
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-tip-chip--active .sd-tip-chip__label {
  border-color: #FF6B00;
  background: rgba(255,107,0,0.12);
  color: #FF8C3A;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.1);
}
html[data-theme="dark"] .sd-tip-chip--active.sd-tip-chip--zero .sd-tip-chip__label {
  border-color: #444;
  background: #2a2a2a;
  color: #888;
  box-shadow: none;
}
html[data-theme="dark"] .sd-tip-custom__input-wrap {
  border-color: #333;
  background: #252525;
}
html[data-theme="dark"] .sd-tip-custom__input-wrap:focus-within {
  border-color: #FF6B00;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.1);
  background: #1e1e1e;
}
html[data-theme="dark"] .sd-tip-custom__currency {
  color: #777;
}
html[data-theme="dark"] .sd-tip-custom__input {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-tip-custom__input::placeholder {
  color: #555;
}
html[data-theme="dark"] .sd-tip-custom__btn {
  background: #FF6B00;
}
html[data-theme="dark"] .sd-tip-custom__btn:hover {
  background: #FF8C3A;
}
html[data-theme="dark"] .sd-tip-thankyou {
  background: rgba(255,107,0,0.08);
  border-color: rgba(255,107,0,0.2);
}
html[data-theme="dark"] .sd-tip-thankyou-text {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-tip-heart {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-tip-heart:nth-child(odd) {
  color: #ff6b8a;
}

/* Checkout newsletter */
html[data-theme="dark"] .checkout-newsletter-card {
  background: linear-gradient(135deg, rgba(255,107,0,0.08) 0%, rgba(255,107,0,0.05) 100%);
  border-color: rgba(255,107,0,0.2);
}
html[data-theme="dark"] .checkout-newsletter-title {
  color: #e0e0e0;
}

/* Digital Wallet dark mode */
html[data-theme="dark"] .sd-wallet {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-wallet__icon {
  background: rgba(34,197,94,0.1);
  color: #4ade80;
}
html[data-theme="dark"] .sd-wallet__balance {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-wallet__label {
  color: #777;
}
html[data-theme="dark"] .sd-wallet__toggle-track {
  background: #444;
}
html[data-theme="dark"] .sd-wallet__toggle input:checked + .sd-wallet__toggle-track {
  background: #22c55e;
}
html[data-theme="dark"] .sd-wallet__msg {
  background: #252525;
  color: #aaa;
}

/* Phone/Verify modals dark mode */
html[data-theme="dark"] #changephoneModal .modal-content,
html[data-theme="dark"] #verifyCodeModal .modal-content {
  background: #1e1e1e;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
html[data-theme="dark"] #changephoneModal .modal-header,
html[data-theme="dark"] #verifyCodeModal .modal-header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] #changephoneModal .modal-header .modal-title,
html[data-theme="dark"] #verifyCodeModal .modal-header .modal-title {
  color: #e0e0e0;
}
html[data-theme="dark"] #changephoneModal .modal-body h4,
html[data-theme="dark"] #verifyCodeModal .modal-body h4 {
  color: #e0e0e0;
}
html[data-theme="dark"] #changephoneModal .modal-body h6,
html[data-theme="dark"] #verifyCodeModal .modal-body h6 {
  color: #999;
}
html[data-theme="dark"] #verifyCodeModal .modal-body p.bold {
  color: #e0e0e0;
}
html[data-theme="dark"] #changephoneModal .modal-body .form-control,
html[data-theme="dark"] #verifyCodeModal .modal-body .form-control {
  background: #252525;
  border-color: #333;
  color: #e0e0e0;
}
html[data-theme="dark"] #changephoneModal .modal-body .form-control:focus,
html[data-theme="dark"] #verifyCodeModal .modal-body .form-control:focus {
  border-color: #FF6B00;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.1);
}
html[data-theme="dark"] #changephoneModal .modal-body .form-control::placeholder,
html[data-theme="dark"] #verifyCodeModal .modal-body .form-control::placeholder {
  color: #666;
}
html[data-theme="dark"] #changephoneModal .alert-warning,
html[data-theme="dark"] #verifyCodeModal .alert-warning {
  background: rgba(220,38,38,0.08);
  border-color: rgba(220,38,38,0.2);
  color: #f87171;
}
html[data-theme="dark"] #changephoneModal .modal-footer,
html[data-theme="dark"] #verifyCodeModal .modal-footer {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] #changephoneModal .modal-footer .btn-black,
html[data-theme="dark"] #verifyCodeModal .modal-footer .btn-black {
  background: #252525;
  border-color: #333;
  color: #ccc;
}
html[data-theme="dark"] #changephoneModal .modal-footer .btn-black:hover {
  background: #2a2a2a;
}
html[data-theme="dark"] #verifyCodeModal .modal-body a u {
  color: #FF8C3A;
}

/* =============================================
   SD PAYMENT MODAL — Dark Mode
   ============================================= */

/* Modal Shell */
html[data-theme="dark"] .sd-pay-modal__content {
  background: #1e1e1e;
  box-shadow: 0 24px 64px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .sd-pay-modal__header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-pay-modal__title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-pay-modal__subtitle {
  color: #777;
}
html[data-theme="dark"] .sd-pay-modal__close {
  background: #2a2a2a;
  color: #888;
}
html[data-theme="dark"] .sd-pay-modal__close:hover {
  background: #333;
  color: #ccc;
}
html[data-theme="dark"] .sd-pay-modal__body::-webkit-scrollbar-thumb { background: #444; }

/* Skeleton */
html[data-theme="dark"] .sd-pay-skel__item {
  background: linear-gradient(90deg, #252525 25%, #2a2a2a 50%, #252525 75%);
  background-size: 400% 100%;
}

/* Section Labels */
html[data-theme="dark"] .sd-pay-section-label { color: #666; }
html[data-theme="dark"] .sd-pay-section-label__close { color: #666; }
html[data-theme="dark"] .sd-pay-section-label__close:hover {
  background: #333;
  color: #aaa;
}

/* Payment Items */
html[data-theme="dark"] .sd-pay-item {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-pay-item:hover {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .sd-pay-item--active {
  border-color: #FF6B00;
  background: rgba(255,107,0,0.06);
}
html[data-theme="dark"] .sd-pay-item--new { border-color: #333; }
html[data-theme="dark"] .sd-pay-item--new:hover {
  border-color: #FF6B00;
  background: rgba(255,107,0,0.06);
}

/* Radio Dot */
html[data-theme="dark"] .sd-pay-item__radio-dot {
  border-color: #555;
  background: #1e1e1e;
}
html[data-theme="dark"] .sd-pay-item__radio-dot--on {
  border-color: #FF6B00;
  background: #FF6B00;
}

/* Item Parts */
html[data-theme="dark"] .sd-pay-item__icon {
  background: #252525;
  color: #aaa;
}
html[data-theme="dark"] .sd-pay-item__name { color: #e0e0e0; }
html[data-theme="dark"] .sd-pay-item__fee { color: #666; }
html[data-theme="dark"] .sd-pay-item__detail { color: #777; }
html[data-theme="dark"] .sd-pay-item__detail--hint { color: #FF8C3A; }
html[data-theme="dark"] .sd-pay-item__arrow { color: #555; }

/* Action Menu */
html[data-theme="dark"] .sd-pay-actions-btn { color: #777; }
html[data-theme="dark"] .sd-pay-actions-btn:hover {
  background: #333;
  color: #ccc;
}
html[data-theme="dark"] .sd-pay-actions-menu {
  background: #252525;
  border-color: #333;
  box-shadow: 0 10px 28px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .sd-pay-actions-menu__item { color: #ccc; }
html[data-theme="dark"] .sd-pay-actions-menu__item:hover {
  background: #2a2a2a;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-pay-actions-menu__item--danger { color: #fc8181; }
html[data-theme="dark"] .sd-pay-actions-menu__item--danger:hover {
  background: rgba(229,62,62,0.1);
  color: #fc8181;
}

/* Add Button */
html[data-theme="dark"] .sd-pay-add-btn { border-color: #333; }
html[data-theme="dark"] .sd-pay-add-btn:hover {
  border-color: #FF6B00;
  background: rgba(255,107,0,0.06);
}
html[data-theme="dark"] .sd-pay-add-btn__icon { background: rgba(255,107,0,0.12); }
html[data-theme="dark"] .sd-pay-add-btn__text { color: #e0e0e0; }
html[data-theme="dark"] .sd-pay-add-btn__arrow { color: #555; }

/* Divider */
html[data-theme="dark"] .sd-pay-divider { background: #2a2a2a; }

/* COD Section */
html[data-theme="dark"] .sd-cod-section {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .sd-cod-section__title { color: #aaa; }
html[data-theme="dark"] .sd-cod-chip {
  background: #1e1e1e;
  border-color: #333;
  color: #aaa;
}
html[data-theme="dark"] .sd-cod-chip:hover {
  border-color: #444;
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-cod-chip--active {
  border-color: #FF6B00;
  background: rgba(255,107,0,0.12);
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-cod-input {
  background: #1e1e1e !important;
  border-color: #333 !important;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-cod-input:focus {
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.1);
}
html[data-theme="dark"] .sd-cod-input::placeholder { color: #666; }
html[data-theme="dark"] .sd-cod-error { color: #fc8181; }

/* Delete Confirmation */
html[data-theme="dark"] .sd-pay-confirm-delete {
  background: rgba(30,30,30,0.94);
}
html[data-theme="dark"] .sd-pay-confirm-delete__icon-wrap {
  background: rgba(245,158,11,0.15);
}
html[data-theme="dark"] .sd-pay-confirm-delete__text { color: #e0e0e0; }
html[data-theme="dark"] .sd-pay-confirm-delete__name { color: #777; }
html[data-theme="dark"] .sd-pay-confirm-delete__btn--cancel {
  background: #333;
  color: #ccc;
}
html[data-theme="dark"] .sd-pay-confirm-delete__btn--cancel:hover {
  background: #444;
}

/* Checkout modal (general) */
html[data-theme="dark"] .checkout-v2-modal .modal-content {
  background: #1e1e1e;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .checkout-v2-modal .modal-header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-modal .modal-header .modal-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-modal .modal-footer {
  border-top-color: #2a2a2a;
}

/* Skeleton */
html[data-theme="dark"] .sd-skel-shimmer {
  background: #252525;
  background: linear-gradient(90deg, #252525 25%, #2a2a2a 37%, #252525 63%);
  background-size: 200% 100%;
}
html[data-theme="dark"] #checkout-skeleton {
  background: #151515;
}
html[data-theme="dark"] .sd-skel-section {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-skel-summary {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .skeleton-placeholder {
  background: #252525;
}

/* =============================================
   13. ORDERING ALERTS POPUP
   ============================================= */
/* Status badge variants — dark */
html[data-theme="dark"] .oa-status--outside_hours,
html[data-theme="dark"] .oa-status--close_store {
  background: rgba(255,107,0,0.1);
}
html[data-theme="dark"] .oa-status--outside_hours .oa-status-label,
html[data-theme="dark"] .oa-status--close_store .oa-status-label {
  color: #ffb380;
}
html[data-theme="dark"] .oa-status--holiday {
  background: rgba(245,158,11,0.1);
}
html[data-theme="dark"] .oa-status--holiday .oa-status-label {
  color: #fcd34d;
}
html[data-theme="dark"] .oa-status--pause_ordering {
  background: rgba(251,146,60,0.1);
}
html[data-theme="dark"] .oa-status--pause_ordering .oa-status-label {
  color: #fdba74;
}
html[data-theme="dark"] .oa-status--website_disabled {
  background: rgba(239,68,68,0.08);
}
html[data-theme="dark"] .oa-status--website_disabled .oa-status-label {
  color: #fca5a5;
}
html[data-theme="dark"] .oa-status--cart_other_store {
  background: rgba(249,115,22,0.1);
}
html[data-theme="dark"] .oa-status--cart_other_store .oa-status-label {
  color: #fdba74;
}
html[data-theme="dark"] .oa-status--out_of_range {
  background: rgba(239,68,68,0.08);
}
html[data-theme="dark"] .oa-status--out_of_range .oa-status-label {
  color: #fca5a5;
}
html[data-theme="dark"] .oa-status--time_required {
  background: rgba(59,130,246,0.1);
}
html[data-theme="dark"] .oa-status--time_required .oa-status-label {
  color: #93c5fd;
}
html[data-theme="dark"] .oa-status--address_needed {
  background: rgba(34,197,94,0.1);
}
html[data-theme="dark"] .oa-status--address_needed .oa-status-label {
  color: #86efac;
}
/* Message */
html[data-theme="dark"] .oa-message {
  color: #aaa;
}
/* Next opening pill */
html[data-theme="dark"] .oa-next-open {
  background: rgba(255,107,0,0.1);
  color: #ffb380;
}
/* Opening hours block */
html[data-theme="dark"] .oa-hours {
  background: #222;
  border-color: #333;
}
html[data-theme="dark"] .oa-hours-head {
  border-bottom-color: #333;
}
html[data-theme="dark"] .oa-hours-title {
  color: #999;
}
html[data-theme="dark"] .oa-hours-title i {
  color: #666;
}
html[data-theme="dark"] .oa-hours-row {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .oa-hours-day-name {
  color: #e0e0e0;
}
html[data-theme="dark"] .oa-hours-time {
  color: #bbb;
}
html[data-theme="dark"] .oa-hours-today {
  background: #FF6B00;
  color: #fff;
}
html[data-theme="dark"] .oa-hours-closed {
  background: rgba(239,68,68,0.12);
  color: #f87171;
}
html[data-theme="dark"] .oa-hours-row--today {
  background: rgba(255,107,0,0.06);
}
html[data-theme="dark"] .oa-hours-row--today .oa-hours-day-name {
  color: #ffb380;
}
html[data-theme="dark"] .oa-hours-svc-label {
  background: #2a2a2a;
  color: #999;
}
html[data-theme="dark"] .oa-hours-toggle {
  color: #FF6B00;
}
html[data-theme="dark"] .oa-hours-toggle:hover {
  color: #ffb380;
}
/* Buttons */
html[data-theme="dark"] .oa-btn--ghost {
  background: #252525;
  color: #ccc;
  border-color: #333;
}
html[data-theme="dark"] .oa-btn--ghost:hover:not(:disabled) {
  background: #333;
  color: #e0e0e0;
  border-color: #444;
}
html[data-theme="dark"] .oa-btn--outline {
  border-color: #FF6B00;
  color: #FF6B00;
}
html[data-theme="dark"] .oa-btn--outline:hover:not(:disabled) {
  background: #FF6B00;
  color: #fff;
}
/* Dismiss link */
html[data-theme="dark"] .oa-dismiss {
  color: #666;
}
html[data-theme="dark"] .oa-dismiss:hover {
  color: #999;
}

/* --- SD Alerts — Inline Alert Cards (dark mode) --- */
html[data-theme="dark"] .sd-alert--error {
  background: rgba(239,68,68,0.08);
  border-left-color: #ef4444;
  color: #fca5a5;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .sd-alert--error .sd-alert__icon {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  box-shadow: 0 2px 8px rgba(239,68,68,0.3);
}
html[data-theme="dark"] .sd-alert--error .sd-alert__msg {
  color: #f8a0a0;
}
html[data-theme="dark"] .sd-alert--error .sd-alert__btn {
  background: rgba(239,68,68,0.15);
  color: #f87171;
}
html[data-theme="dark"] .sd-alert--error .sd-alert__btn:hover {
  background: rgba(239,68,68,0.25);
}

html[data-theme="dark"] .sd-alert--warn {
  background: rgba(245,158,11,0.08);
  border-left-color: #f59e0b;
  color: #fcd34d;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .sd-alert--warn .sd-alert__icon {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  box-shadow: 0 2px 8px rgba(245,158,11,0.3);
}
html[data-theme="dark"] .sd-alert--warn .sd-alert__msg {
  color: #f5cf6b;
}
html[data-theme="dark"] .sd-alert--warn .sd-alert__btn {
  background: rgba(245,158,11,0.15);
  color: #fbbf24;
}
html[data-theme="dark"] .sd-alert--warn .sd-alert__btn:hover {
  background: rgba(245,158,11,0.25);
}

html[data-theme="dark"] .sd-alert--info {
  background: rgba(59,130,246,0.08);
  border-left-color: #3b82f6;
  color: #93c5fd;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .sd-alert--info .sd-alert__icon {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  box-shadow: 0 2px 8px rgba(59,130,246,0.3);
}
html[data-theme="dark"] .sd-alert--info .sd-alert__msg {
  color: #7eb8f8;
}
html[data-theme="dark"] .sd-alert--info .sd-alert__btn {
  background: rgba(59,130,246,0.15);
  color: #60a5fa;
}
html[data-theme="dark"] .sd-alert--info .sd-alert__btn:hover {
  background: rgba(59,130,246,0.25);
}

html[data-theme="dark"] .sd-alert--closed {
  background: rgba(124,58,237,0.08);
  border-left-color: #7c3aed;
  color: #c4b5fd;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .sd-alert--closed .sd-alert__icon {
  background: linear-gradient(135deg, #7c3aed, #6d28d9);
  box-shadow: 0 2px 8px rgba(124,58,237,0.3);
}
html[data-theme="dark"] .sd-alert--closed .sd-alert__msg {
  color: #b09cee;
}
html[data-theme="dark"] .sd-alert--closed .sd-alert__btn {
  background: rgba(124,58,237,0.15);
  color: #a78bfa;
}
html[data-theme="dark"] .sd-alert--closed .sd-alert__btn:hover {
  background: rgba(124,58,237,0.25);
}

/* Legacy oa-banner dark overrides (hidden in light mode too) */
html[data-theme="dark"] .oa-banner--error,
html[data-theme="dark"] .oa-banner--warn,
html[data-theme="dark"] .oa-banner--info { display: none; }

/* =============================================
   14. DEALS SLIDER + POPUP (v2)
   ============================================= */
html[data-theme="dark"] .sd-deals__pill {
  background: #B8930A;
}
html[data-theme="dark"] .sd-deals__pill:hover {
  background: #C9A20E;
}
html[data-theme="dark"] .sd-deals__pill-text {
  color: #1a1200;
}
html[data-theme="dark"] .sd-deals__pill-chevrons {
  color: rgba(26, 18, 0, 0.35);
}
html[data-theme="dark"] .sd-deals-popup__hero-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-deals__arrow {
  background: #1e1e1e;
  border-color: #333;
  color: #ccc;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .sd-deals__arrow:hover {
  background: #252525;
}

/* Deals popup dark */
html[data-theme="dark"] .sd-deals-overlay {
  background: rgba(0,0,0,0.7);
}
html[data-theme="dark"] .sd-deals-popup {
  background: #1e1e1e;
}
html[data-theme="dark"] .sd-deals-popup__header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-deals-popup__header::before {
  background: #444;
}
html[data-theme="dark"] .sd-deals-popup__title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-deals-popup__back,
html[data-theme="dark"] .sd-deals-popup__close {
  background: #2a2a2a;
  color: #ccc;
}
html[data-theme="dark"] .sd-deals-popup__back:hover,
html[data-theme="dark"] .sd-deals-popup__close:hover {
  background: #333;
  color: #fff;
}
html[data-theme="dark"] .sd-deals-popup__hero {
  background: linear-gradient(180deg, #2a2200 0%, #1e1e1e 100%);
}
html[data-theme="dark"] .sd-deals-popup__hero-desc {
  color: #aaa;
}
html[data-theme="dark"] .sd-deals-popup__info-row {
  background: #252525;
  color: #ccc;
}
html[data-theme="dark"] .sd-deals-popup__item {
  border-bottom-color: #252525;
}
html[data-theme="dark"] .sd-deals-popup__item:hover {
  background: #252525;
}
html[data-theme="dark"] .sd-deals-popup__item-icon {
  background: linear-gradient(135deg, rgba(255,183,0,0.15), rgba(245,166,35,0.1));
  color: #F5A623;
}
html[data-theme="dark"] .sd-deals-popup__item-body strong {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-deals-popup__item-body span {
  color: #777;
}

/* Delivery info dark mode fix */
html[data-theme="dark"] .delivery-info-item .delivery-info-value {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .delivery-info-item .delivery-info-label {
  color: #aaa;
}
html[data-theme="dark"] .delivery-info-item > i {
  color: #aaa;
}
html[data-theme="dark"] .delivery-info-item {
  color: #bbb;
}
html[data-theme="dark"] .delivery-info-item-success,
html[data-theme="dark"] .delivery-info-item-success > i,
html[data-theme="dark"] .delivery-info-item-success .delivery-info-value {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .delivery-info-separator {
  background: #444;
}

/* =============================================
   15. CART PREVIEW DRAWER
   ============================================= */
html[data-theme="dark"] .drawer-preview-cart .el-drawer {
  background: #1a1a1a !important;
}
html[data-theme="dark"] .drawer-cart-wrapper {
  background: #1a1a1a;
}
/* Topbar */
html[data-theme="dark"] .dc-topbar {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .dc-topbar__left {
  color: #e0e0e0;
}
html[data-theme="dark"] .dc-topbar__close {
  background: #252525;
  color: #999;
}
html[data-theme="dark"] .dc-topbar__close:hover {
  background: #333;
  color: #e0e0e0;
}
/* Merchant bar */
html[data-theme="dark"] .dc-merchant-bar {
  background: #1e1e1e;
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .dc-merchant-bar__link {
  color: #e0e0e0;
}
html[data-theme="dark"] .dc-merchant-bar__link svg {
  color: #555;
}
html[data-theme="dark"] .dc-merchant-bar__clear {
  color: #f87171;
}
/* Empty state */
html[data-theme="dark"] .dc-empty__icon {
  background: #252525;
  color: #555;
}
html[data-theme="dark"] .dc-empty__title {
  color: #e0e0e0;
}
html[data-theme="dark"] .dc-empty__sub {
  color: #666;
}
/* Loading spinner */
html[data-theme="dark"] .dc-loading-spinner {
  border-color: #2a2a2a;
  border-top-color: #FF6B00;
}
/* Scrollbar */
html[data-theme="dark"] .drawer-cart-body {
  scrollbar-color: rgba(255,255,255,0.08) transparent;
}
html[data-theme="dark"] .drawer-cart-body::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.08);
}
/* Item card */
html[data-theme="dark"] .dc-item {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .dc-item__name {
  color: #e0e0e0;
}
html[data-theme="dark"] .dc-item__size {
  color: #666;
}
html[data-theme="dark"] .dc-item__remove {
  color: #555;
}
html[data-theme="dark"] .dc-item__remove:hover {
  background: rgba(239,68,68,0.12);
  color: #f87171;
}
html[data-theme="dark"] .dc-item__attr {
  color: #666;
}
html[data-theme="dark"] .dc-item__addon-group {
  color: #777;
}
html[data-theme="dark"] .dc-item__addon-row {
  color: #666;
}
/* Item note */
html[data-theme="dark"] .dc-item__note {
  background: rgba(255,107,0,0.08);
  color: #e8a340;
}
html[data-theme="dark"] .dc-item__note svg {
  color: #FF6B00;
}
/* Note form */
html[data-theme="dark"] .dc-item__note-input {
  border-color: #333;
  background: #252525;
  color: #e0e0e0;
}
html[data-theme="dark"] .dc-item__note-input:focus {
  border-color: #FF6B00;
  background: #1e1e1e;
}
html[data-theme="dark"] .dc-item__note-input::placeholder {
  color: #555;
}
html[data-theme="dark"] .dc-item__note-cancel {
  border-color: #333;
  background: #252525;
  color: #777;
}
html[data-theme="dark"] .dc-item__note-cancel:hover {
  background: #333;
  color: #ccc;
}
/* Quantity */
html[data-theme="dark"] .dc-item__qty-btn--minus {
  background: #252525 !important;
  color: #ccc !important;
}
html[data-theme="dark"] .dc-item__qty-btn--minus:hover {
  background: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .dc-item__qty-btn--plus {
  background: rgba(255,107,0,0.15) !important;
  color: #FF6B00 !important;
}
html[data-theme="dark"] .dc-item__qty-btn--plus:hover {
  background: rgba(255,107,0,0.25) !important;
}
html[data-theme="dark"] .dc-item__qty-val {
  color: #e0e0e0;
}
/* Edit button */
html[data-theme="dark"] .dc-item__edit {
  color: #555;
}
html[data-theme="dark"] .dc-item__edit:hover {
  color: #999;
}
html[data-theme="dark"] .dc-item__edit--noted {
  color: #FF6B00;
}
/* Price */
html[data-theme="dark"] .dc-item__price-val {
  color: #e0e0e0;
}
html[data-theme="dark"] .dc-item__price-old {
  color: #555;
}
html[data-theme="dark"] .dc-item__free {
  background: rgba(22,163,74,0.12);
  color: #4ade80;
}
/* Footer */
html[data-theme="dark"] .dc-footer {
  background: #1a1a1a;
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .dc-footer__error {
  background: rgba(239,68,68,0.08);
  border-color: rgba(239,68,68,0.2);
  color: #f87171;
}
html[data-theme="dark"] .dc-footer__btn {
  box-shadow: 0 4px 14px rgba(255, 107, 0, 0.2);
}
html[data-theme="dark"] .dc-footer__btn:hover {
  box-shadow: 0 6px 20px rgba(255, 107, 0, 0.3);
}
/* Legacy compat */
html[data-theme="dark"] .dc-text-primary { color: #e0e0e0; }
html[data-theme="dark"] .dc-text-muted { color: #666; }
html[data-theme="dark"] .dc-text-secondary { color: #777; }
html[data-theme="dark"] .dc-text-subtle { color: #555; }
html[data-theme="dark"] .dc-text-icon { color: #444; }
html[data-theme="dark"] .dc-text-danger { color: #f87171; }
html[data-theme="dark"] .dc-border-bottom { border-bottom-color: #2a2a2a; }
html[data-theme="dark"] .dc-cart-error {
  background: rgba(239,68,68,0.08);
  border-color: rgba(239,68,68,0.2);
  color: #f87171;
}

/* =============================================
   16. AUTH PAGES
   ============================================= */
html[data-theme="dark"] .sd-auth-page {
  background: #151515;
}
html[data-theme="dark"] .sd-auth-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}
html[data-theme="dark"] .sd-auth-header h5 {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-auth-subtitle {
  color: #888;
}
html[data-theme="dark"] .sd-auth-icon {
  background: rgba(255, 92, 0, 0.1);
}
html[data-theme="dark"] .sd-auth-body .form-control {
  border-color: #333 !important;
  background: #252525 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-auth-body .form-control:focus {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .sd-auth-body .form-label-group > label {
  color: #777;
}
html[data-theme="dark"] .sd-auth-options .custom-control-label {
  color: #888;
}
html[data-theme="dark"] .sd-auth-footer-link {
  color: #888;
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .sd-auth-divider::before,
html[data-theme="dark"] .sd-auth-divider::after {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-auth-divider span {
  color: #555;
}
html[data-theme="dark"] .sd-auth-guest a {
  border-color: #333;
  background: #252525;
  color: #ccc !important;
}
html[data-theme="dark"] .sd-auth-guest a:hover {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-auth-social .social-login a {
  border-color: #333 !important;
  background: #252525 !important;
  color: #ccc !important;
}
html[data-theme="dark"] .sd-auth-social .social-login a:hover {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .sd-auth-terms {
  color: #777;
}
html[data-theme="dark"] .sd-otp-box {
  border-color: #333;
  background: #252525;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-otp-box:focus {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown {
  border-color: #3a3a3a !important;
  background: #252525 !important;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown:focus-within {
  background: #2a2a2a !important;
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.15) !important;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown .dropdown {
  border-right-color: #3a3a3a;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown:focus-within .dropdown {
  border-right-color: rgba(255, 107, 0, 0.2);
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown input {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown input::placeholder {
  color: #666 !important;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown button:hover {
  background: rgba(255,255,255,0.04) !important;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown > div:not(.dropdown) {
  color: #aaa;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown img {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.1);
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown .dropdown-toggle::after {
  color: #666;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown .dropdown-menu {
  background: #1e1e1e !important;
  border-color: #333 !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown .dropdown-menu a {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown .dropdown-menu a:hover {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .sd-auth-body .inputs-with-dropdown .dropdown-menu a:active {
  background: #333 !important;
}

/* =============================================
   16b. CONSENT CHECKBOXES (sd-consent-row) — Dark Mode
   ============================================= */
html[data-theme="dark"] .sd-consent-check {
  background: #252525;
  border-color: #555;
}
html[data-theme="dark"] .sd-consent-row:hover .sd-consent-check {
  border-color: #777;
}
html[data-theme="dark"] .sd-consent-row input:checked + .sd-consent-check {
  background: #FF8C3A;
  border-color: #FF8C3A;
}
html[data-theme="dark"] .sd-consent-text {
  color: #999;
}
html[data-theme="dark"] .sd-consent-text a {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-consent-text a:hover {
  color: #FFa060;
}
html[data-theme="dark"] .sd-consent-checkout__icon {
  color: #555;
}
html[data-theme="dark"] .sd-consent-checkout__text {
  color: #666;
}
html[data-theme="dark"] .sd-consent-checkout__text a {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-consent-checkout__text a:hover {
  color: #FFa060;
}

/* =============================================
   17. ACCOUNT PAGES
   ============================================= */
html[data-theme="dark"] body.column2-layout {
  background: #151515 !important;
}
html[data-theme="dark"] body.column2-layout #sidebar {
  background: #1a1a1a;
  border-right-color: #2a2a2a;
}
html[data-theme="dark"] .acct-sidebar-user {
  background: linear-gradient(135deg, rgba(255,107,0,0.08) 0%, rgba(255,107,0,0.05) 100%);
  border-color: rgba(255,107,0,0.15);
}
html[data-theme="dark"] .acct-sidebar-user .acct-user-info h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-sidebar-user .acct-avatar {
  border-color: #2a2a2a;
}
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu a {
  color: #aaa;
}
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu a:hover {
  background: #252525;
  color: #e0e0e0;
}
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu li.active a {
  background: rgba(255,107,0,0.1) !important;
}

/* Account top nav */
html[data-theme="dark"] #top-nav {
  background: rgba(18, 18, 18, 0.97);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* Account cards */
html[data-theme="dark"] .acct-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-card-header {
  background: #1a1a1a;
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .acct-card-header h5 {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-page-title {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .acct-page-title .acct-title-text h4 {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-form .form-group label.acct-label {
  color: #aaa;
}
html[data-theme="dark"] .acct-form .form-control,
html[data-theme="dark"] .acct-card .form-control {
  border-color: #333;
  background: #252525;
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-form .form-control:focus,
html[data-theme="dark"] .acct-card .form-control:focus {
  background: #2a2a2a;
}
html[data-theme="dark"] .acct-section-divider {
  background: #2a2a2a;
}

/* Account photo card */
html[data-theme="dark"] .acct-photo-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-photo-card h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-photo-card .acct-photo-wrap .avatar,
html[data-theme="dark"] .acct-photo-card .acct-photo-wrap .el-image {
  border-color: #333;
}

/* Account sub menu */
html[data-theme="dark"] .acct-sub-menu {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-sub-menu .sub-menu li {
  border-bottom-color: #252525;
}
html[data-theme="dark"] .acct-sub-menu .sub-menu a {
  color: #aaa;
}
html[data-theme="dark"] .acct-sub-menu .sub-menu a:hover {
  background: #252525;
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-sub-menu .sub-menu li.active a {
  background: rgba(255,107,0,0.1);
}

/* Order rows */
html[data-theme="dark"] .acct-order-row {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-order-row:hover {
  border-color: #333;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .acct-order-row .order-top .order-merchant h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-order-row .order-bottom {
  border-top-color: #252525;
}
html[data-theme="dark"] .acct-order-row .order-bottom .order-total {
  color: #e0e0e0;
}

/* Address cards */
html[data-theme="dark"] .acct-address-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-address-card:hover {
  border-color: #333;
}
html[data-theme="dark"] .acct-address-card .address-text {
  color: #aaa;
}
html[data-theme="dark"] .acct-address-card .address-actions .btn-acct-action {
  border-color: #333;
  background: #252525;
  color: #ccc;
}
html[data-theme="dark"] .acct-address-card .address-actions .btn-acct-action:hover {
  background: #2a2a2a;
}

/* Favourites */
html[data-theme="dark"] .acct-fav-card {
  background: #1e1e1e;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .acct-fav-card:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .acct-fav-card .fav-img-wrap {
  background: #252525;
}
html[data-theme="dark"] .acct-fav-card .fav-name {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-fav-card .fav-name:hover {
  color: #FF8C3A;
}
html[data-theme="dark"] .acct-fav-card .fav-cuisine {
  color: #777;
}
html[data-theme="dark"] .acct-fav-card .fav-rating-pill {
  background: rgba(255,107,0,0.1);
  border-color: rgba(255,107,0,0.2);
  color: #FF8C3A;
}
html[data-theme="dark"] .acct-fav-card .fav-tag {
  background: #252525;
  border-color: #333;
  color: #999;
}
html[data-theme="dark"] .acct-fav-card .fav-tag i {
  color: #666;
}
html[data-theme="dark"] .acct-fav-card .fav-closed-badge {
  background: rgba(0,0,0,0.8);
}
html[data-theme="dark"] .acct-fav-card .fav-body {
  background: #1e1e1e;
}

/* Stats */
html[data-theme="dark"] .acct-stat-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-stat-card .stat-value {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-stat-card.stat-highlight {
  background: linear-gradient(135deg, rgba(255,107,0,0.08) 0%, rgba(255,107,0,0.05) 100%);
  border-color: rgba(255,107,0,0.15);
}

/* Search bar */
html[data-theme="dark"] .acct-search-bar {
  background: #1e1e1e;
  border-color: #333;
}
html[data-theme="dark"] .acct-search-bar input {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-search-bar input::placeholder {
  color: #666;
}
html[data-theme="dark"] .acct-search-bar .search-clear {
  background: #333;
  color: #999;
}

/* Empty state */
html[data-theme="dark"] .acct-empty-state .empty-icon {
  background: #252525;
  color: #555;
}
html[data-theme="dark"] .acct-empty-state h5 {
  color: #e0e0e0;
}

/* Danger zone */
html[data-theme="dark"] .acct-danger-zone {
  background: rgba(220,38,38,0.06);
  border-color: rgba(220,38,38,0.15);
}
html[data-theme="dark"] .acct-danger-zone .btn-danger-link {
  background: #1e1e1e;
  border-color: rgba(220,38,38,0.3);
}

/* Data zone */
html[data-theme="dark"] .acct-data-zone {
  background: #1a1a1a;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-data-zone h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-data-zone .btn-data-link {
  background: #1e1e1e;
}

/* Mobile tabs */
html[data-theme="dark"] .acct-mobile-tabs .acct-tab-pill {
  border-color: #333;
  color: #aaa;
  background: #1e1e1e;
}
html[data-theme="dark"] .acct-mobile-tabs .acct-tab-pill:hover {
  background: #252525;
}
html[data-theme="dark"] .acct-mobile-header h5 {
  color: #e0e0e0;
}

/* Dropdown in order rows */
html[data-theme="dark"] .acct-order-row .dropdown-toggle {
  background: #252525;
  border-color: #333;
  color: #999;
}
html[data-theme="dark"] .acct-order-row .dropdown-menu {
  background: #1e1e1e;
  border-color: #2a2a2a;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .acct-order-row .dropdown-item {
  color: #ccc;
}
html[data-theme="dark"] .acct-order-row .dropdown-item:hover {
  background: rgba(255,107,0,0.1);
}

/* Payment/booking cards */
html[data-theme="dark"] .acct-payment-card,
html[data-theme="dark"] body.column2-layout .card-listing {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] body.column2-layout .kmrs-row {
  background: #1e1e1e;
  border-color: #2a2a2a;
}

/* Booking card redesign */
html[data-theme="dark"] .acct-booking-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-booking-card:hover {
  border-color: #333;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .acct-booking-card .booking-merchant-info h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-booking-card .booking-bottom {
  border-top-color: #252525;
}
html[data-theme="dark"] .acct-booking-card .booking-id {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-booking-card .acct-booking-dots {
  background: #252525;
  border-color: #333;
  color: #999;
}
html[data-theme="dark"] .acct-booking-card .acct-booking-dots:hover {
  background: #2a2a2a;
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-booking-card .booking-logo {
  border-color: #333;
}

/* Voucher page */
html[data-theme="dark"] .acct-voucher-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-voucher-card:hover {
  border-color: #333;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .acct-voucher-info h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-voucher-bottom {
  border-top-color: #252525;
}
html[data-theme="dark"] .acct-voucher-code {
  background: rgba(255,107,0,0.08);
  border-color: rgba(255,107,0,0.15);
}
html[data-theme="dark"] .acct-voucher-logo {
  border-color: #333;
}

/* Password toggle button */
html[data-theme="dark"] .pwd-toggle-btn {
  color: #666;
}
html[data-theme="dark"] .pwd-toggle-btn:hover {
  color: #FF8C3A;
}

/* Wallet/Points transaction rows */
html[data-theme="dark"] .acct-wallet-tx-row {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-wallet-tx-row:hover {
  border-color: #333;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .wallet-tx-desc {
  color: #e0e0e0;
}
html[data-theme="dark"] .wallet-tx-date {
  color: #666;
}

/* El-tabs */
html[data-theme="dark"] body.column2-layout .el-tabs__item {
  color: #aaa;
}
html[data-theme="dark"] body.column2-layout .el-tabs__item.is-active {
  color: #FF8C3A;
}

/* Grey bg override */
html[data-theme="dark"] body.column2-layout .grey-bg {
  background: #1a1a1a;
}

/* Profile photo overlay — dark mode border + camera icon */
html[data-theme="dark"] .acct-profile-photo .el-image {
  border-color: #333 !important;
}
html[data-theme="dark"] .acct-profile-photo .photo-overlay {
  border-color: #1e1e1e;
  background: #FF6B00;
}
html[data-theme="dark"] .acct-profile-photo .photo-overlay .handle {
  color: #fff;
}

/* Mobile avatar uploader (my-profile-header.php) */
html[data-theme="dark"] .acct-mobile-header .avatar-uploader .el-upload {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .acct-mobile-header .avatar-uploader .avatar-uploader-icon {
  color: #999;
}
html[data-theme="dark"] .acct-mobile-header .acct-mobile-avatar {
  border-color: #333;
}

/* Profile sub-menu buttons (Grunddaten, Passwort, E-Mail, Konto verwalten) */
html[data-theme="dark"] .acct-profile-submenu .owl-carousel .owl-item a {
  background: #252525 !important;
  color: #aaa !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .acct-profile-submenu .owl-carousel .owl-item a:hover {
  background: #2a2a2a !important;
  color: #e0e0e0 !important;
  border-color: #444 !important;
}
html[data-theme="dark"] .acct-profile-submenu .owl-carousel .owl-item a.active {
  background: rgba(255,107,0,0.1) !important;
  color: #FF8C3A !important;
  border-color: rgba(255,107,0,0.25) !important;
}

/* Phone input (.inputs-with-dropdown component) — global dark mode */
html[data-theme="dark"] .inputs-with-dropdown {
  background: #252525 !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .inputs-with-dropdown input {
  background: #252525 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .inputs-with-dropdown input::placeholder {
  color: #666 !important;
}
html[data-theme="dark"] .inputs-with-dropdown input:focus {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .inputs-with-dropdown .dropdown-toggle {
  background: none !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .inputs-with-dropdown .dropdown-menu {
  background: #1e1e1e !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .inputs-with-dropdown .dropdown-menu a,
html[data-theme="dark"] .inputs-with-dropdown .dropdown-item {
  color: #ccc !important;
}
html[data-theme="dark"] .inputs-with-dropdown .dropdown-menu a:hover,
html[data-theme="dark"] .inputs-with-dropdown .dropdown-item:hover {
  background: #252525 !important;
  color: #e0e0e0 !important;
}
/* Phone prefix text (+49 etc.) */
html[data-theme="dark"] .inputs-with-dropdown > div:not(.dropdown) {
  color: #aaa !important;
}

/* El-upload in profile photo dialog */
html[data-theme="dark"] .el-upload-dragger {
  background: #1e1e1e !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .el-upload-dragger:hover {
  border-color: #FF6B00 !important;
}
html[data-theme="dark"] .el-upload-dragger .el-upload__text {
  color: #aaa !important;
}

/* Email preferences page */
html[data-theme="dark"] .acct-email-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-email-section-header span {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-email-desc {
  color: #777;
}
html[data-theme="dark"] .acct-email-toggle-row {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .acct-email-toggle-label {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-email-toggle-hint {
  color: #777;
}
html[data-theme="dark"] .acct-toggle-slider {
  background: #444;
}
html[data-theme="dark"] .acct-toggle-switch input:checked + .acct-toggle-slider {
  background: #FF6B00;
}
html[data-theme="dark"] .acct-email-status-row {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .acct-email-status-label {
  color: #777;
}
html[data-theme="dark"] .acct-status-pill-neutral {
  background: #252525;
  color: #999;
}
html[data-theme="dark"] .acct-status-pill-success {
  background: rgba(34,197,94,0.1);
  color: #4ade80;
}
html[data-theme="dark"] .acct-status-pill-warning {
  background: rgba(245,158,11,0.1);
  color: #fbbf24;
}
html[data-theme="dark"] .acct-email-footer-note {
  background: #1a1a1a;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-email-footer-note span {
  color: #777;
}
html[data-theme="dark"] .acct-email-user-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-email-user-card h6 {
  color: #e0e0e0;
}

/* Form label-group in dark mode (floating labels) */
html[data-theme="dark"] body.column2-layout .form-label-group label {
  color: #888;
}
html[data-theme="dark"] body.column2-layout .form-label-group input:focus ~ label,
html[data-theme="dark"] body.column2-layout .form-label-group input:not(:placeholder-shown) ~ label {
  color: #999;
}

/* El-loading overlay in dark mode */
html[data-theme="dark"] .el-loading-mask {
  background: rgba(18,18,18,0.8) !important;
}

/* Alert boxes dark mode */
html[data-theme="dark"] .acct-alert.alert-warning {
  background: rgba(245,158,11,0.08);
  border-color: rgba(245,158,11,0.2);
  color: #fbbf24;
}
html[data-theme="dark"] .acct-alert.alert-success {
  background: rgba(34,197,94,0.08);
  border-color: rgba(34,197,94,0.2);
  color: #4ade80;
}
html[data-theme="dark"] .acct-alert.alert-info {
  background: rgba(59,130,246,0.08);
  border-color: rgba(59,130,246,0.2);
  color: #60a5fa;
}

/* Primary button dark mode */
html[data-theme="dark"] .acct-btn-primary {
  box-shadow: 0 2px 8px rgba(255,107,0,0.3);
}

/* =============================================
   18. SD MODAL SYSTEM
   ============================================= */
html[data-theme="dark"] .sd-modal-content {
  background: #1e1e1e;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .sd-modal-close {
  background: #2a2a2a;
  color: #ccc;
}
html[data-theme="dark"] .sd-modal-close:hover {
  background: #333;
}
html[data-theme="dark"] .sd-modal-card {
  background: #252525;
}
html[data-theme="dark"] .sd-modal-card:hover {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-seg-control {
  background: #252525;
}
html[data-theme="dark"] .sd-seg-pill {
  background: #1e1e1e;
}
html[data-theme="dark"] .sd-select-trigger {
  background: #252525;
  border-color: #333;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-select-dropdown {
  background: #1e1e1e;
  border-color: #333;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .sd-select-option:hover {
  background: #252525;
}

/* =============================================
   19. MERCHANT BACK BUTTON
   ============================================= */
html[data-theme="dark"] .merchant-back-btn {
  background: rgba(30,30,30,0.92);
  border-color: rgba(255,255,255,0.08);
  color: #e0e0e0;
}
html[data-theme="dark"] .merchant-back-btn:hover {
  background: #2a2a2a;
  color: #e0e0e0;
}

/* =============================================
   20. BOOTSTRAP OVERRIDES
   ============================================= */
html[data-theme="dark"] .card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .modal-content {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .modal-header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .modal-footer {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .modal-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .dropdown-menu {
  background: #1e1e1e;
  border-color: #2a2a2a;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .dropdown-item {
  color: #ccc;
}
html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus {
  background: #252525;
  color: #e0e0e0;
}
html[data-theme="dark"] .dropdown-divider {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .table {
  color: #ccc;
}
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .table thead th {
  border-bottom-color: #333;
}
html[data-theme="dark"] .alert-warning {
  background: rgba(255,193,7,0.1);
  border-color: rgba(255,193,7,0.2);
  color: #ffc107;
}
html[data-theme="dark"] .alert-danger {
  background: rgba(220,53,69,0.1);
  border-color: rgba(220,53,69,0.2);
  color: #ff6b6b;
}
html[data-theme="dark"] .alert-success {
  background: rgba(40,167,69,0.1);
  border-color: rgba(40,167,69,0.2);
  color: #51cf66;
}
html[data-theme="dark"] .alert-info {
  background: rgba(23,162,184,0.1);
  border-color: rgba(23,162,184,0.2);
  color: #3bc9db;
}
html[data-theme="dark"] .close {
  color: #aaa;
}
html[data-theme="dark"] .close:hover {
  color: #e0e0e0;
}
html[data-theme="dark"] .breadcrumb {
  background: #1a1a1a;
}
html[data-theme="dark"] .breadcrumb-item a {
  color: #aaa;
}
html[data-theme="dark"] .breadcrumb-item.active {
  color: #777;
}
html[data-theme="dark"] .pagination .page-link {
  background: #1e1e1e;
  border-color: #333;
  color: #ccc;
}
html[data-theme="dark"] .pagination .page-item.active .page-link {
  background: #FF6B00;
  border-color: #FF6B00;
}
html[data-theme="dark"] .nav-tabs {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .nav-tabs .nav-link {
  color: #aaa;
}
html[data-theme="dark"] .nav-tabs .nav-link.active {
  background: #1e1e1e;
  border-color: #2a2a2a #2a2a2a #1e1e1e;
  color: #e0e0e0;
}
html[data-theme="dark"] .badge-grey {
  background: #444;
}
html[data-theme="dark"] hr {
  border-top-color: #2a2a2a;
}

/* =============================================
   21. ELEMENT PLUS OVERRIDES
   ============================================= */
html[data-theme="dark"] .el-drawer {
  background: #1a1a1a !important;
}
html[data-theme="dark"] .el-dialog {
  background: #1e1e1e !important;
}
html[data-theme="dark"] .el-dialog__title {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .el-dialog__header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .el-input__wrapper {
  background: #252525 !important;
  box-shadow: 0 0 0 1px #333 inset !important;
}
html[data-theme="dark"] .el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px #FF8C3A inset !important;
}
html[data-theme="dark"] .el-input__inner {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .el-input__inner::placeholder {
  color: #666 !important;
}
html[data-theme="dark"] .el-textarea__inner {
  background: #252525 !important;
  color: #e0e0e0 !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .el-textarea__inner::placeholder {
  color: #888 !important;
}
html[data-theme="dark"] .el-select-dropdown {
  background: #1e1e1e !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .el-select-dropdown__item {
  color: #ccc !important;
}
html[data-theme="dark"] .el-select-dropdown__item:hover {
  background: #252525 !important;
}
html[data-theme="dark"] .el-select-dropdown__item.selected {
  color: #FF8C3A !important;
}
/* el-notification overrides removed — replaced by sd-toast system in custom.css */
html[data-theme="dark"] .el-message-box {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .el-message-box__title {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .el-message-box__message {
  color: #ccc !important;
}
html[data-theme="dark"] .el-tag {
  background: #252525;
  border-color: #333;
  color: #ccc;
}
/* Preserve el-tag warning colors in dark mode (used for discount badges) */
html[data-theme="dark"] .el-tag--warning[effect="dark"],
html[data-theme="dark"] .el-tag--warning.is-dark,
html[data-theme="dark"] .el-tag--warning.el-tag--dark {
  background: rgba(230,81,0,0.85) !important;
  border-color: rgba(230,81,0,0.6) !important;
  color: #fff !important;
}
html[data-theme="dark"] .el-tag--warning[effect="light"],
html[data-theme="dark"] .el-tag--warning.is-light,
html[data-theme="dark"] .el-tag--warning.el-tag--light,
html[data-theme="dark"] .el-tag--warning.el-tag--plain {
  background: rgba(255,152,0,0.18) !important;
  border-color: rgba(255,152,0,0.35) !important;
  color: #ffb74d !important;
}
html[data-theme="dark"] .el-tag--warning strong {
  color: inherit !important;
}
/* menu-item-badge discount variants for dark mode (menu-data-right.php) */
html[data-theme="dark"] .badge-discount {
  background: rgba(211,47,47,0.18) !important;
  border-color: rgba(211,47,47,0.35) !important;
  color: #ef9a9a !important;
}
html[data-theme="dark"] .badge-discount i {
  color: #ef9a9a !important;
}
html[data-theme="dark"] .badge-discount strong {
  color: #ef9a9a !important;
}
html[data-theme="dark"] .badge-discount-svc {
  background: rgba(255,152,0,0.18) !important;
  border-color: rgba(255,152,0,0.35) !important;
  color: #ffb74d !important;
}
html[data-theme="dark"] .badge-discount-svc i {
  color: #ffb74d !important;
}
html[data-theme="dark"] .badge-discount-svc strong {
  color: #ffb74d !important;
}
/* Other badge types in dark mode */
html[data-theme="dark"] .badge-new {
  background: rgba(33,150,243,0.18) !important;
  border-color: rgba(33,150,243,0.35) !important;
  color: #90caf9 !important;
}
html[data-theme="dark"] .badge-new i { color: #90caf9 !important; }
html[data-theme="dark"] .badge-trending {
  background: rgba(255,87,34,0.18) !important;
  border-color: rgba(255,87,34,0.35) !important;
  color: #ffab91 !important;
}
html[data-theme="dark"] .badge-trending i { color: #ffab91 !important; }
html[data-theme="dark"] .badge-bestseller {
  background: rgba(255,193,7,0.18) !important;
  border-color: rgba(255,193,7,0.35) !important;
  color: #ffe082 !important;
}
html[data-theme="dark"] .badge-bestseller i { color: #ffe082 !important; }
html[data-theme="dark"] .badge-recommended {
  background: rgba(67,160,71,0.18) !important;
  border-color: rgba(67,160,71,0.35) !important;
  color: #a5d6a7 !important;
}
html[data-theme="dark"] .badge-recommended i { color: #a5d6a7 !important; }
html[data-theme="dark"] .badge-promo-eligible {
  background: rgba(46,125,50,0.18) !important;
  border-color: rgba(46,125,50,0.35) !important;
  color: #81c784 !important;
}
html[data-theme="dark"] .badge-promo-eligible i { color: #81c784 !important; }
html[data-theme="dark"] .badge-promo {
  background: rgba(30,136,229,0.18) !important;
  border-color: rgba(30,136,229,0.35) !important;
  color: #90caf9 !important;
}
html[data-theme="dark"] .badge-promo i { color: #90caf9 !important; }
html[data-theme="dark"] .el-radio__label {
  color: #ccc !important;
}
html[data-theme="dark"] .el-checkbox__label {
  color: #ccc !important;
}
html[data-theme="dark"] .el-tabs__nav-wrap::after {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .el-tabs__item {
  color: #aaa !important;
}
html[data-theme="dark"] .el-tabs__item.is-active {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .el-tabs__active-bar {
  background: #FF8C3A !important;
}
html[data-theme="dark"] .el-popover {
  background: #1e1e1e !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .el-image__placeholder {
  background: #252525 !important;
}
html[data-theme="dark"] .el-image__error {
  background: #252525 !important;
  color: #666 !important;
}

/* =============================================
   22. TRACKING PAGE
   ============================================= */
html[data-theme="dark"] .track-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .track-card-status {
  background: #1e1e1e;
}
html[data-theme="dark"] .track-card-restaurant {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .track-card-delivery {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .track-card-driver {
  background: #1e1e1e;
  border-color: #2a2a2a;
}

/* =============================================
   23. MISCELLANEOUS
   ============================================= */

/* Category nav */
html[data-theme="dark"] .category-nav {
  background: #1a1a1a;
}
html[data-theme="dark"] .category-nav .container,
html[data-theme="dark"] .sticky-wrapper.is-sticky .category-nav {
  border-bottom-color: #2a2a2a;
}

/* Chevron section */
html[data-theme="dark"] .chevron-section {
  border-color: #2a2a2a;
  background: #1e1e1e;
}
html[data-theme="dark"] .chevron-section.selected {
  border-left-color: #FF8C3A;
}

/* Typeahead */
html[data-theme="dark"] .typeahead__result {
  border-color: #2a2a2a;
  background-color: #1e1e1e;
}
html[data-theme="dark"] .typeahead__list .typeahead__item > a {
  color: #ccc;
}
html[data-theme="dark"] .typeahead__list .typeahead__item:hover {
  background: #252525;
}

/* Partner section */
html[data-theme="dark"] .partner-section .section {
  background: #1e1e1e;
}

/* Other promo */
html[data-theme="dark"] .other-promo-wrap {
  background: #1a1a1a;
}

/* Address section active */
html[data-theme="dark"] .address-section.active {
  background: #1e1e1e;
}

/* Big new button */
html[data-theme="dark"] .big-new-button {
  background: #e0e0e0;
}
html[data-theme="dark"] .big-new-button:after {
  border-top-color: #e0e0e0;
}

/* Quantity buttons */
html[data-theme="dark"] .quantity a.rounded-pill,
html[data-theme="dark"] .rounded-button-icon {
  background: #444;
}

/* Gallery more */
html[data-theme="dark"] .gallery-more {
  background-color: rgba(0,0,0,0.8);
}

/* Hover figure */
html[data-theme="dark"] .hover01 figure {
  background: #1e1e1e;
}

/* Section addons */
html[data-theme="dark"] .section-addons .addons {
  background: #1a1a1a;
}

/* Section mobileapp */
html[data-theme="dark"] .section-mobileapp {
  background: #1a1a1a;
}

/* List selection hover */
html[data-theme="dark"] .list-selection li:hover {
  background: #1e1e1e;
}

/* Cookie consent override */
html[data-theme="dark"] .cc-window {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
  color: #ccc !important;
}

/* Magnific popup */
html[data-theme="dark"] .mfp-bg {
  background: #000;
}

/* Scrollbar global */
html[data-theme="dark"] ::-webkit-scrollbar {
  width: 8px;
}
html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #1a1a1a;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 4px;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #444;
}

/* =============================================
   24. DARK MODE TOGGLE BUTTON
   ============================================= */
.sd-darkmode-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
  color: #555;
}
.sd-darkmode-toggle:hover {
  background: #f5f4f1;
  color: #1a1a1a;
}
html[data-theme="dark"] .sd-darkmode-toggle {
  color: #aaa;
}
html[data-theme="dark"] .sd-darkmode-toggle:hover {
  background: #2a2a2a;
  color: #FF8C3A;
}
.sd-darkmode-icon {
  font-size: 20px;
  line-height: 1;
}

/* Drawer dark mode link */
.sd-drawer-darkmode {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 4px;
  font-size: 0.86rem;
  font-weight: 500;
  color: #444;
  border-radius: 8px;
  transition: all 0.15s ease;
  cursor: pointer;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
}
.sd-drawer-darkmode:hover {
  background: #f8f7f5;
  color: #1a1a1a;
}
.sd-drawer-darkmode .material-icons {
  font-size: 20px;
  color: #999;
  flex-shrink: 0;
  transition: color 0.15s;
}
.sd-drawer-darkmode:hover .material-icons {
  color: #FF6B00;
}
html[data-theme="dark"] .sd-drawer-darkmode {
  color: #ccc;
}
html[data-theme="dark"] .sd-drawer-darkmode:hover {
  background: #252525;
  color: #e0e0e0;
}

/* =============================================
   25. LOGO DARK MODE
   ============================================= */
html[data-theme="dark"] .sd-header-logo .top-logo img,
html[data-theme="dark"] .checkout-v2-topnav .top-logo img,
html[data-theme="dark"] body.column2-layout #sidebar .top-logo img,
html[data-theme="dark"] body.column2-layout #top-nav .top-logo img {
  filter: brightness(0) invert(1);
}

/* =============================================
   26. IMAGES / SVG ADJUSTMENTS
   ============================================= */
html[data-theme="dark"] .sd-notif-status {
  border-color: #1e1e1e;
}
html[data-theme="dark"] .notification-dropdown .btn > span.badge {
  border-color: #1a1a1a !important;
}
html[data-theme="dark"] .acct-photo-card .acct-photo-wrap .acct-photo-overlay {
  border-color: #1e1e1e;
}
html[data-theme="dark"] .acct-profile-photo .photo-overlay {
  border-color: #1e1e1e;
}

/* =============================================
   27. ACCOUNT NOTIFICATIONS CSS OVERRIDES
   ============================================= */
html[data-theme="dark"] body.column2-layout #main-container {
  background: #151515 !important;
}

/* Sidebar from account-notifications.css */
html[data-theme="dark"] #sidebar {
  background: #1a1a1a;
  border-right-color: #2a2a2a;
}
html[data-theme="dark"] .acct-sidebar-user {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .acct-avatar {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-user-info h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .siderbar-menu > li > a {
  color: #aaa;
}
html[data-theme="dark"] .siderbar-menu > li > a:hover {
  background: #252525;
  color: #e0e0e0;
}
html[data-theme="dark"] .siderbar-menu > li.active > a,
html[data-theme="dark"] .siderbar-menu > li > a.active {
  background: rgba(255, 107, 0, 0.1);
}

/* Notification premium cards */
html[data-theme="dark"] .sd-notif-premium-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-notif-clear-btn {
  border-color: #333;
  color: #aaa;
}
html[data-theme="dark"] .sd-notif-clear-btn:hover {
  background: rgba(255, 107, 0, 0.06);
}
html[data-theme="dark"] .sd-notif-premium-card {
  background: #1e1e1e;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
html[data-theme="dark"] .sd-notif-premium-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
html[data-theme="dark"] .sd-notif-premium-card.sd-notif-card-unread {
  background: linear-gradient(135deg, #1e1e1e 0%, #1f1a16 100%);
}
html[data-theme="dark"] .sd-notif-icon-circle {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .sd-notif-card-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-notif-card-timestamp {
  color: #777;
}

/* Status badges dark */
html[data-theme="dark"] .sd-status-delivered {
  background: rgba(46, 125, 50, 0.15);
  color: #66bb6a;
}
html[data-theme="dark"] .sd-status-transit {
  background: rgba(239, 108, 0, 0.15);
  color: #ffa726;
}
html[data-theme="dark"] .sd-status-processing {
  background: rgba(255, 107, 0, 0.12);
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-status-accepted {
  background: rgba(25, 118, 210, 0.15);
  color: #64b5f6;
}
html[data-theme="dark"] .sd-status-cancelled {
  background: rgba(194, 24, 91, 0.15);
  color: #f48fb1;
}
html[data-theme="dark"] .sd-status-default {
  background: #252525;
  color: #aaa;
}

/* Empty state */
html[data-theme="dark"] .sd-notif-empty-icon-circle {
  background: #252525;
  color: #555;
}
html[data-theme="dark"] .sd-notif-empty-title {
  color: #ccc;
}

/* Load more */
html[data-theme="dark"] .sd-notif-load-more {
  border-color: #333;
  background: #1e1e1e;
  color: #aaa;
}
html[data-theme="dark"] .sd-notif-load-more:hover {
  background: rgba(255, 107, 0, 0.06);
}

/* Mobile account nav */
html[data-theme="dark"] #acct-mobile-nav {
  background: #1a1a1a;
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .acct-mobile-user-bar {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .acct-mob-avatar {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .acct-mob-user-info h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .acct-mob-logout {
  background: #252525;
  color: #aaa;
}
html[data-theme="dark"] .acct-mob-nav-item {
  background: #252525;
  color: #aaa;
}
html[data-theme="dark"] .acct-mob-nav-item:hover {
  background: #2a2a2a;
}
html[data-theme="dark"] .acct-mob-nav-item.active {
  background: rgba(255, 107, 0, 0.1);
}

/* =============================================
   28. GLOBAL TYPOGRAPHY — catch-all dark text
   ============================================= */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .bold,
html[data-theme="dark"] strong,
html[data-theme="dark"] b,
html[data-theme="dark"] label {
  color: #e0e0e0;
}
html[data-theme="dark"] p {
  color: #bbb;
}
html[data-theme="dark"] .text-dark {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .text-muted {
  color: #888 !important;
}
html[data-theme="dark"] .text-secondary {
  color: #999 !important;
}
html[data-theme="dark"] .text-black-50 {
  color: rgba(255,255,255,0.5) !important;
}
html[data-theme="dark"] .font11,
html[data-theme="dark"] .font13,
html[data-theme="dark"] .a-12 {
  color: #ccc;
}
html[data-theme="dark"] .cart-summary {
  color: #ccc !important;
}

/* =============================================
   29. FOOTER — Complete Dark Override
   ============================================= */
html[data-theme="dark"] .sd-footer,
html[data-theme="dark"] .sd-footer.sub-footer {
  background: #1a1a1a !important;
  border-top-color: #2a2a2a !important;
}
html[data-theme="dark"] .sd-footer-top {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-footer-brand .footer-logo img {
  filter: brightness(0) invert(1);
}
html[data-theme="dark"] .sd-footer-tagline {
  color: #777;
}
html[data-theme="dark"] .sd-footer-newsletter-label {
  color: #ccc;
}
html[data-theme="dark"] .sd-footer-newsletter .el-input__wrapper {
  background: #252525 !important;
  box-shadow: 0 0 0 1px #333 inset !important;
}
html[data-theme="dark"] .sd-footer-newsletter .el-input__inner {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-footer-newsletter .el-input__inner::placeholder {
  color: #666 !important;
}
html[data-theme="dark"] .sd-footer .sub-footer-nav {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .sd-footer .sub-footer-nav h6 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-footer .sub-footer-nav a {
  color: #999 !important;
}
html[data-theme="dark"] .sd-footer .sub-footer-nav a:hover {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .sd-footer-divider {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-footer-social a {
  background: #252525;
  color: #999;
}
html[data-theme="dark"] .sd-footer-social a:hover {
  background: #FF6B00;
  color: #fff;
}
html[data-theme="dark"] footer.sd-footer-bar {
  background: #0d0d0d !important;
}
html[data-theme="dark"] .sd-footer-copyright {
  color: rgba(255,255,255,0.4);
}
html[data-theme="dark"] .sd-footer-domain a {
  color: rgba(255,255,255,0.4);
}
/* Footer skeleton */
html[data-theme="dark"] .sd-footer-menu-skeleton {
  opacity: 0.3;
}
html[data-theme="dark"] .sd-skel-title,
html[data-theme="dark"] .sd-skel-line {
  background: #333 !important;
}
/* Footer App Buttons */
html[data-theme="dark"] .sd-app-btn {
  background: #252525;
  border-color: #3a3a3a;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-app-btn:hover {
  background: #333;
  border-color: #FF6B00;
  color: #fff !important;
}
html[data-theme="dark"] .sd-app-btn__icon {
  color: #e0e0e0;
}
/* Smart App Banner */
html[data-theme="dark"] .sd-app-banner {
  background: #1e1e1e;
  border-bottom-color: #333;
}
html[data-theme="dark"] .sd-app-banner__close {
  color: #777;
}
html[data-theme="dark"] .sd-app-banner__close:hover {
  background: rgba(255,255,255,0.08);
  color: #bbb;
}
html[data-theme="dark"] .sd-app-banner__icon {
  background: transparent;
  border: none;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .sd-app-banner__title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-app-banner__rating-text {
  color: #777;
}
html[data-theme="dark"] .sd-app-banner__btn {
  background: #FF6B00;
  color: #fff !important;
}
/* SEO footer links */
html[data-theme="dark"] .seo-footer-links {
  background: #151515;
  color: #888;
}
html[data-theme="dark"] .seo-footer-links a {
  color: #aaa;
}
html[data-theme="dark"] .seo-footer-links a:hover {
  color: #FF8C3A;
}
/* Newsletter success inline styles */
html[data-theme="dark"] .sd-newsletter-success {
  color: #ccc;
}
html[data-theme="dark"] .sd-newsletter-success p {
  color: #999 !important;
}

/* =============================================
   30. FEED FILTER SIDEBAR — Full Override
   ============================================= */
html[data-theme="dark"] .feed-filter-sidebar {
  background: #1a1a1a;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .feed-filter-sidebar .filter-row {
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .feed-filter-sidebar .filter-row h5 a {
  color: #e0e0e0;
}
html[data-theme="dark"] .fv2-section {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .fv2-section-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .fv2-toggle-row .fv2-toggle-label {
  color: #ccc;
}
/* Switch */
html[data-theme="dark"] .fv2-switch {
  background: #444;
}
html[data-theme="dark"] .fv2-switch.active {
  background: #FF6B00;
}
html[data-theme="dark"] .fv2-knob {
  background: #e0e0e0;
}
/* Radio pills */
html[data-theme="dark"] .fv2-radio-pill {
  border-color: #444;
  color: #ccc;
  background: #1e1e1e;
}
html[data-theme="dark"] .fv2-radio-pill:hover {
  border-color: #666;
  background: #252525;
}
html[data-theme="dark"] .fv2-radio-pill.active {
  background: #FF6B00;
  border-color: #FF6B00;
  color: #fff;
}
html[data-theme="dark"] .fv2-radio-pill small {
  color: #888;
}
html[data-theme="dark"] .fv2-radio-pill.active small {
  color: rgba(255,255,255,0.75);
}
/* Rating buttons */
html[data-theme="dark"] .fv2-rating-btn {
  border-color: #444;
  color: #ccc;
  background: #1e1e1e;
}
html[data-theme="dark"] .fv2-rating-btn:hover {
  border-color: #fbbf24;
  background: rgba(251,191,36,0.1);
}
html[data-theme="dark"] .fv2-rating-btn .fa-star {
  color: #555;
}
html[data-theme="dark"] .fv2-rating-btn:hover .fa-star {
  color: #fbbf24;
}
html[data-theme="dark"] .fv2-rating-btn.active {
  background: rgba(251,191,36,0.12);
  border-color: #fbbf24;
  color: #fbbf24;
}
html[data-theme="dark"] .fv2-rating-btn.active .fa-star {
  color: #fbbf24;
}
/* Cuisine items */
html[data-theme="dark"] .fv2-cuisine-item {
  color: #ccc;
}
html[data-theme="dark"] .fv2-cuisine-item:hover {
  background: #252525;
}
html[data-theme="dark"] .fv2-cuisine-item span {
  color: #ccc;
}
html[data-theme="dark"] .fv2-cuisine-item input[type="checkbox"] {
  border-color: #555;
  background: #1e1e1e;
}
html[data-theme="dark"] .fv2-cuisine-item.active {
  background: rgba(255,107,0,0.1);
}
html[data-theme="dark"] .fv2-cuisine-item.active span {
  color: #FF8C3A;
}
/* Feed search */
html[data-theme="dark"] .feed-search-inner {
  background: #1e1e1e;
  border-color: #333;
}
html[data-theme="dark"] .feed-search-inner:focus-within {
  background: #252525;
  border-color: #FF8C3A;
}
html[data-theme="dark"] .feed-search-input {
  color: #e0e0e0;
}
html[data-theme="dark"] .feed-search-input::placeholder {
  color: #666;
}
html[data-theme="dark"] .feed-search-clear {
  background: #333;
  color: #999;
}
/* Mobile filter button */
html[data-theme="dark"] .feed-mobile-filter-btn {
  background: #252525;
  border-color: #333;
  color: #aaa;
}
html[data-theme="dark"] .feed-mobile-btn-active {
  background: #FF6B00;
  border-color: #FF6B00;
  color: #fff;
}
/* Feed results header */
html[data-theme="dark"] .feed-results-header {
  background: linear-gradient(135deg, rgba(255,107,0,0.08) 0%, rgba(255,107,0,0.04) 100%);
  border-color: rgba(255,107,0,0.15);
}
html[data-theme="dark"] .feed-results-header h5 {
  color: #e0e0e0;
}

/* =============================================
   31. MENU PAGE — Cart, Categories, Items, Hover
   ============================================= */

/* Section menu headings */
html[data-theme="dark"] .section-menu h5 {
  color: #e0e0e0;
}

/* Category nav bar */
html[data-theme="dark"] .category-nav {
  background: #1a1a1a;
}
html[data-theme="dark"] .category-nav .container,
html[data-theme="dark"] .sticky-wrapper.is-sticky .category-nav {
  border-bottom-color: #2a2a2a;
}

/* Category carousel / menu-category links */
html[data-theme="dark"] .menu-category a {
  color: #999 !important;
}
html[data-theme="dark"] .menu-category li.active a,
html[data-theme="dark"] .menu-category li a.active,
html[data-theme="dark"] .menu-category a:hover {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .category-carousel a {
  color: #999;
}
html[data-theme="dark"] .category-carousel a.active,
html[data-theme="dark"] .category-carousel a:hover {
  color: #FF8C3A;
}

/* Section menu left border */
html[data-theme="dark"] .section-menu .menu-left {
  border-right-color: #2a2a2a;
}

/* Sticky sidebar heading */
html[data-theme="dark"] .sticky-sidebar h5 {
  color: #e0e0e0;
}

/* Merchant top header */
html[data-theme="dark"] .merchant-top-header h4 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .merchant-address-line {
  color: #999 !important;
}
html[data-theme="dark"] .merchant-rating {
  color: #ccc !important;
}
html[data-theme="dark"] .merchant-rating .rating-count {
  color: #999 !important;
}

/* Menu item names, prices, descriptions */
html[data-theme="dark"] .menu-item-simple-name {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .menu-item-simple-price {
  color: #ccc !important;
}
html[data-theme="dark"] .menu-item-simple-desc {
  color: #999 !important;
}

/* menu-item-simple (right_image layout) — dark mode hover/active/tap */
html[data-theme="dark"] .menu-item-simple {
  border-bottom-color: #2a2a2a !important;
  -webkit-tap-highlight-color: transparent !important;
}
html[data-theme="dark"] .menu-item-simple:hover {
  background-color: rgba(255,255,255,0.04) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
}
html[data-theme="dark"] .menu-item-simple:active {
  background-color: rgba(255,255,255,0.06) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
  transform: scale(0.995) !important;
}
html[data-theme="dark"] .menu-item-simple-img {
  background: #252525 !important;
}
html[data-theme="dark"] .menu-item-simple-thumb .add-circle {
  background: rgba(30,30,30,0.85) !important;
  color: #FF6B00 !important;
}

/* El-card on menu page — see section 63 for hover */

/* Menu item rows (food items) — hover in section 63 */
html[data-theme="dark"] .list-item-rows {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .section-menu .list-item-rows {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .list-item-rows h6,
html[data-theme="dark"] .list-item-rows h5,
html[data-theme="dark"] .list-item-rows .bold {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .list-item-rows p {
  color: #aaa !important;
}
html[data-theme="dark"] .list-item-rows .light {
  color: #999 !important;
}
html[data-theme="dark"] .list-item-rows .text-green,
html[data-theme="dark"] .list-item-rows .btn-green {
  color: #FF8C3A !important;
}

/* Chevron sections (payment, delivery type) */
html[data-theme="dark"] .chevron-section {
  border-color: #2a2a2a;
  background: #1e1e1e;
  color: #e0e0e0;
}
html[data-theme="dark"] .chevron-section:hover {
  background: #252525;
}
html[data-theme="dark"] .chevron-section.selected {
  border-left-color: #FF8C3A;
  background: rgba(255,107,0,0.06);
}

/* Cart sidebar on menu page */
html[data-theme="dark"] .menu-right .sticky-cart .inner-wrapper-sticky {
  background: #1a1a1a !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important;
  border-top-color: #2a2a2a !important;
}
html[data-theme="dark"] .section-cart {
  background: #1a1a1a;
  color: #e0e0e0;
}
html[data-theme="dark"] .section-cart h5,
html[data-theme="dark"] .section-cart h6,
html[data-theme="dark"] .section-cart .bold {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .section-cart p {
  color: #bbb !important;
}
html[data-theme="dark"] .section-cart .items {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .section-cart .items a {
  color: #e0e0e0;
}
html[data-theme="dark"] .section-cart .text-green {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .section-cart .divider {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .section-cart .btn-green {
  background: #FF6B00;
}

/* Quantity buttons in cart */
html[data-theme="dark"] .quantity a.rounded-pill,
html[data-theme="dark"] .rounded-button-icon {
  background: #444;
  color: #fff;
}
html[data-theme="dark"] .quantity a.rounded-pill:hover,
html[data-theme="dark"] .rounded-button-icon:hover {
  background: #555;
}

/* Menu item hover — prevent white background */
html[data-theme="dark"] .section-menu a:hover {
  color: inherit;
}
html[data-theme="dark"] .section-menu a.highlight:hover,
html[data-theme="dark"] a.chevron-section:hover {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
}

/* Sub-menu active */
html[data-theme="dark"] ul.sub-menu li a {
  color: #ccc;
}
html[data-theme="dark"] ul.sub-menu li.active a {
  background: #FF6B00;
  color: #fff;
}

/* Filter row */
html[data-theme="dark"] .filter-row h5 a:hover {
  color: #e0e0e0;
}

/* Btn group (delivery/pickup toggle) */
html[data-theme="dark"] .btn-group label {
  background: #252525;
  color: #ccc;
  border-color: #333;
}
html[data-theme="dark"] .btn-group .btn.active {
  background: #e0e0e0;
  color: #121212;
}

/* List selection hover */
html[data-theme="dark"] .list-selection li:hover {
  background: #1e1e1e;
}

/* Address section */
html[data-theme="dark"] .address-section {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .address-section.active {
  border-color: #FF6B00;
  background: #1e1e1e;
}

/* Badge light */
html[data-theme="dark"] .badge-light {
  color: #ccc;
  background-color: #2a2a2a;
}

/* Btn white */
html[data-theme="dark"] .btn-white {
  background: #1e1e1e;
  color: #FF8C3A;
}

/* Btn grey */
html[data-theme="dark"] .btn-grey {
  background: #444;
  color: #e0e0e0;
}

/* =============================================
   32. CHECKOUT — Order Details, Cart, Prices, Tax
   ============================================= */

/* Checkout page background */
html[data-theme="dark"] .checkout-v2-page {
  background: #151515 !important;
}

/* Checkout topnav */
html[data-theme="dark"] .checkout-v2-topnav {
  background: rgba(18, 18, 18, 0.97);
  border-bottom-color: #2a2a2a;
}

/* Summary card */
html[data-theme="dark"] .checkout-v2-summary-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-summary-header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-summary-header h6,
html[data-theme="dark"] .checkout-v2-summary-header .merchant-info h6 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-v2-summary-header p {
  color: #888;
}

/* Cart items in checkout */
html[data-theme="dark"] .checkout-v2-cart-item {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-cart-item-details .item-name {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-v2-cart-item-details .item-addons,
html[data-theme="dark"] .checkout-v2-cart-item-details .item-notes,
html[data-theme="dark"] .checkout-v2-cart-item-details p {
  color: #888 !important;
}
html[data-theme="dark"] .checkout-v2-cart-item-price .price {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-v2-cart-item-qty {
  color: #ccc;
}

/* Cart toggle button (show/hide items) */
html[data-theme="dark"] .checkout-cart-toggle {
  border-color: #2a2a2a !important;
  background: #1a1a1a !important;
  color: #ccc !important;
}
html[data-theme="dark"] .checkout-cart-toggle:hover {
  background: #252525 !important;
}
html[data-theme="dark"] .checkout-cart-toggle span,
html[data-theme="dark"] .checkout-cart-toggle div {
  color: #ccc !important;
}
html[data-theme="dark"] .checkout-cart-toggle [style*="font-weight:700"] {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-cart-toggle [style*="background:#fef2f2"] {
  background: rgba(239,68,68,0.12) !important;
  color: #ef4444 !important;
}

/* Summary totals (price, tax, delivery fee, total) */
html[data-theme="dark"] .checkout-v2-summary-totals {
  border-top-color: #2a2a2a;
  background: #1a1a1a;
}
html[data-theme="dark"] .checkout-v2-summary-row {
  color: #bbb !important;
}
html[data-theme="dark"] .checkout-v2-summary-row span {
  color: #bbb !important;
}
html[data-theme="dark"] .checkout-v2-summary-row.total-row {
  border-top-color: #444;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-v2-summary-row.total-row span {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-v2-summary-row .text-green {
  color: #FF8C3A !important;
}

/* Checkout sections */
html[data-theme="dark"] .checkout-v2-section {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-section-header {
  border-bottom-color: #252525;
}
html[data-theme="dark"] .checkout-v2-section-header:hover {
  background: #252525;
}
html[data-theme="dark"] .checkout-v2-section-icon {
  background: #1a1a1a !important;
  color: #999 !important;
}
html[data-theme="dark"] .checkout-v2-section-title h6 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-v2-section-title p {
  color: #777;
}
html[data-theme="dark"] .checkout-v2-section-body {
  color: #ccc;
}
html[data-theme="dark"] .checkout-v2-section-body p {
  color: #bbb;
}
html[data-theme="dark"] .checkout-v2-section-body h6 {
  color: #e0e0e0;
}

/* Checkout info rows */
html[data-theme="dark"] .checkout-v2-info-row {
  border-color: #2a2a2a;
  color: #ccc;
}
html[data-theme="dark"] .checkout-v2-info-row:hover {
  background: #252525;
}
html[data-theme="dark"] .checkout-v2-info-content .info-value {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-v2-info-content .info-label {
  color: #888 !important;
}

/* Payment items */
html[data-theme="dark"] .checkout-v2-payment-item {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .checkout-v2-payment-item:hover {
  background: #252525;
}
html[data-theme="dark"] .checkout-v2-payment-info .payment-name {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-v2-payment-info .payment-desc {
  color: #888;
}

/* Place order button area */
html[data-theme="dark"] .checkout-v2-place-order {
  border-top-color: #2a2a2a;
}

/* Checkout form labels */
html[data-theme="dark"] .checkout-v2-form-label {
  color: #ccc !important;
}

/* COD change section */
html[data-theme="dark"] .checkout-v2-section-body [style*="background:#fdfcfa"] {
  background: #252525 !important;
  border-color: #333 !important;
}

/* Voucher/coupon input */
html[data-theme="dark"] .checkout-v2-section-body .el-input__wrapper {
  background: #252525 !important;
}

/* Stepper */
html[data-theme="dark"] .checkout-v2-step-circle {
  border-color: #444;
  background: #1e1e1e;
  color: #777;
}
html[data-theme="dark"] .checkout-v2-step-label {
  color: #777;
}
html[data-theme="dark"] .checkout-v2-step.active .checkout-v2-step-label {
  color: #e0e0e0;
}
html[data-theme="dark"] .checkout-v2-step-line {
  background: #333;
}

/* =============================================
   33. HOMEPAGE — Search Box Fix
   ============================================= */
html[data-theme="dark"] .sd-search-box {
  background: rgba(30, 30, 30, 0.95);
  border-color: rgba(255,255,255,0.1);
  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .sd-search-box:focus-within {
  border-color: rgba(255,107,0,0.4);
  box-shadow: 0 8px 32px rgba(255,107,0,0.15);
}
/* Autocomplete input inside search box */
html[data-theme="dark"] .sd-search-box .el-input__wrapper {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .sd-search-box .el-input__inner {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-search-box .el-input__inner::placeholder {
  color: #777 !important;
}
/* Locate button inside search */
html[data-theme="dark"] .sd-search-box .el-input__suffix,
html[data-theme="dark"] .sd-search-box .el-input__prefix {
  color: #999;
}
/* Autocomplete results dropdown */
html[data-theme="dark"] .search-geocomplete-results {
  background: #1e1e1e !important;
  border-color: #333 !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .search-geocomplete-results a {
  color: #ccc !important;
}
html[data-theme="dark"] .search-geocomplete-results a:hover {
  background: #252525 !important;
}
/* Locate button inside autocomplete — inline color:#000 */
html[data-theme="dark"] .search-geocomplete .btn-link [style*="color:#000"],
html[data-theme="dark"] .search-geocomplete .btn-link i {
  color: #ccc !important;
}
html[data-theme="dark"] .search-geocomplete .btn-link:hover i {
  color: #FF8C3A !important;
}
/* Search geocomplete wrapper */
html[data-theme="dark"] .search-geocomplete {
  background: transparent;
}
/* El-autocomplete dropdown */
html[data-theme="dark"] .el-autocomplete-suggestion {
  background: #1e1e1e !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .el-autocomplete-suggestion li {
  color: #ccc !important;
}
html[data-theme="dark"] .el-autocomplete-suggestion li:hover {
  background: #252525 !important;
}
html[data-theme="dark"] .el-autocomplete-suggestion .highlighted {
  background: #252525 !important;
}

/* SD Address Modal */
html[data-theme="dark"] .sd-addr-modal .el-dialog {
  background: #1e1e1e !important;
}
html[data-theme="dark"] .sd-addr-modal .el-dialog__header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-addr-modal .el-dialog__title {
  color: #e0e0e0;
}

/* =============================================
   34. TYPEAHEAD
   ============================================= */
html[data-theme="dark"] .typeahead__result {
  border-color: #2a2a2a;
  background-color: #1e1e1e;
}
html[data-theme="dark"] .typeahead__list .typeahead__item > a {
  color: #ccc;
}
html[data-theme="dark"] .typeahead__list .typeahead__item:hover {
  background: #252525;
}

/* =============================================
   35. CART-DATA INLINE STYLE OVERRIDES
   ============================================= */

/* Checkout cart toggle — inline color:#1a1a1a on item count */
html[data-theme="dark"] .checkout-cart-toggle [style*="color:#1a1a1a"],
html[data-theme="dark"] .checkout-cart-toggle [style*="color: #1a1a1a"] {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-cart-toggle [style*="color:#999"] {
  color: #777 !important;
}
html[data-theme="dark"] .checkout-cart-toggle-icon {
  background: #1a1a1a !important;
  color: #999 !important;
}

/* Cart items — food name, price, total (inline styles) */
html[data-theme="dark"] .section-cart .items [style*="color:#1a1a1a"],
html[data-theme="dark"] .section-cart [style*="color:#1a1a1a"],
html[data-theme="dark"] .checkout-v2-summary-card [style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .section-cart .items [style*="color:#888"],
html[data-theme="dark"] .section-cart [style*="color:#888"],
html[data-theme="dark"] .checkout-v2-summary-card [style*="color:#888"] {
  color: #999 !important;
}
html[data-theme="dark"] .section-cart .items [style*="color:#999"],
html[data-theme="dark"] .section-cart [style*="color:#999"],
html[data-theme="dark"] .checkout-v2-summary-card [style*="color:#999"] {
  color: #777 !important;
}
html[data-theme="dark"] .section-cart .items [style*="color:#aaa"],
html[data-theme="dark"] .section-cart [style*="color:#aaa"],
html[data-theme="dark"] .checkout-v2-summary-card [style*="color:#aaa"] {
  color: #888 !important;
}
html[data-theme="dark"] .section-cart .items [style*="color:#777"],
html[data-theme="dark"] .section-cart [style*="color:#777"],
html[data-theme="dark"] .checkout-v2-summary-card [style*="color:#777"] {
  color: #999 !important;
}
html[data-theme="dark"] .section-cart .items [style*="color:#ccc"] {
  color: #666 !important;
}

/* Cart summary box — inline background:#fafaf8 */
html[data-theme="dark"] .section-cart [style*="background:#fafaf8"],
html[data-theme="dark"] .section-cart [style*="background: #fafaf8"],
html[data-theme="dark"] .checkout-v2-summary-card [style*="background:#fafaf8"] {
  background: #252525 !important;
  border-color: #333 !important;
}

/* Cart summary total row — border-top inline */
html[data-theme="dark"] .section-cart [style*="border-top:2px solid #e5e2dd"],
html[data-theme="dark"] .checkout-v2-summary-card [style*="border-top:2px solid #e5e2dd"] {
  border-top-color: #444 !important;
}

/* Cart items border-bottom inline */
html[data-theme="dark"] .section-cart .items[style*="border-bottom:1px solid #f5f3f0"],
html[data-theme="dark"] .section-cart .items[style*="border-bottom: 1px solid #f5f3f0"] {
  border-bottom-color: #2a2a2a !important;
}

/* Cart item image background */
html[data-theme="dark"] .section-cart [style*="background:#f5f3f0"],
html[data-theme="dark"] .checkout-v2-summary-card [style*="background:#f5f3f0"] {
  background: #333 !important;
}

/* Menu page cart header — inline border-bottom */
html[data-theme="dark"] .section-cart [style*="border-bottom:1px solid #f0ede8"] {
  border-bottom-color: #2a2a2a !important;
}

/* Empty cart icon */
html[data-theme="dark"] .section-cart [style*="color:#ddd"] {
  color: #444 !important;
}

/* Qty display */
html[data-theme="dark"] .section-cart .qty {
  color: #e0e0e0;
}

/* Qty buttons */
html[data-theme="dark"] .qty-btn {
  background: #444 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .qty-btn:hover {
  background: #555 !important;
}

/* Cart note button */
html[data-theme="dark"] .cart-note-btn {
  color: #999 !important;
}
html[data-theme="dark"] .cart-note-btn:hover {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .cart-note-btn.has-note {
  color: #FF8C3A !important;
}

/* Addon items text */
html[data-theme="dark"] .section-cart [style*="font-size:0.72rem;font-weight:600;color:#888"] {
  color: #999 !important;
}
html[data-theme="dark"] .section-cart [style*="font-size:0.7rem;color:#aaa"] {
  color: #777 !important;
}
html[data-theme="dark"] .section-cart [style*="font-size:0.7rem;color:#999"] {
  color: #777 !important;
}

/* Checkout newsletter card */
html[data-theme="dark"] .checkout-newsletter-card {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .checkout-newsletter-title {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-newsletter-desc {
  color: #888 !important;
}
html[data-theme="dark"] .checkout-newsletter-icon {
  background: #1a1a1a !important;
  color: #999 !important;
}

/* Checkout switch */
html[data-theme="dark"] .checkout-switch-slider {
  background: #444;
}
html[data-theme="dark"] .checkout-switch input:checked + .checkout-switch-slider {
  background: #FF6B00;
}

/* Free delivery progress bar */
html[data-theme="dark"] [style*="background:#FFF0E0"] {
  background: rgba(255,107,0,0.1) !important;
  border-color: rgba(255,107,0,0.2) !important;
}

/* Checkout skeleton */
html[data-theme="dark"] .sd-skel-section {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .sd-skel-summary {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .sd-skel-shimmer {
  background: #252525 !important;
}

/* Checkout badge done/error */
html[data-theme="dark"] .checkout-v2-badge-done {
  background: #252525;
  color: #ccc;
}
html[data-theme="dark"] .checkout-v2-badge-pending {
  background: rgba(255,107,0,0.1);
  color: #FF8C3A;
}
html[data-theme="dark"] .checkout-v2-badge-error {
  background: rgba(239,68,68,0.1);
  color: #f87171;
}

/* Checkout section arrow */
html[data-theme="dark"] .checkout-v2-section-arrow {
  color: #555;
}

/* Checkout alert */
html[data-theme="dark"] .checkout-v2-alert {
  background: rgba(255,107,0,0.08) !important;
  border-color: rgba(255,107,0,0.15) !important;
  color: #ccc !important;
}
html[data-theme="dark"] .checkout-v2-alert-warning {
  background: rgba(239,68,68,0.08) !important;
  border-color: rgba(239,68,68,0.15) !important;
}

/* Checkout completed section icon */
html[data-theme="dark"] .checkout-v2-section.section-completed .checkout-v2-section-icon {
  background: #1a1a1a !important;
  color: #999 !important;
}

/* Cart service tabs on menu page */
html[data-theme="dark"] .cart-service-tabs {
  border-color: #2a2a2a;
}

/* =============================================
   36. GENERAL INLINE STYLE OVERRIDES (edge cases)
   ============================================= */
html[data-theme="dark"] .el-skeleton-item {
  background: #252525 !important;
}
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#ffffff"],
html[data-theme="dark"] [style*="background: #ffffff"] {
  background: #1e1e1e !important;
}
html[data-theme="dark"] [style*="background:#fdfcfa"],
html[data-theme="dark"] [style*="background: #fdfcfa"],
html[data-theme="dark"] [style*="background:#f7f6f3"],
html[data-theme="dark"] [style*="background: #f7f6f3"],
html[data-theme="dark"] [style*="background:#f6f7f8"],
html[data-theme="dark"] [style*="background: #f6f7f8"],
html[data-theme="dark"] [style*="background:#f6f7f9"],
html[data-theme="dark"] [style*="background: #f6f7f9"],
html[data-theme="dark"] [style*="background:#F9FAFB"],
html[data-theme="dark"] [style*="background: #F9FAFB"],
html[data-theme="dark"] [style*="background:#F8F9FA"],
html[data-theme="dark"] [style*="background: #F8F9FA"] {
  background: #1a1a1a !important;
}
html[data-theme="dark"] .el-skeleton.is-animated .el-skeleton__item {
  background: linear-gradient(90deg, #252525 25%, #2a2a2a 37%, #252525 63%) !important;
  background-size: 400% 100% !important;
}

/* =============================================
   36. MISC DARK OVERRIDES
   ============================================= */

/* Page content area */
html[data-theme="dark"] .page-content {
  background: #121212;
}

/* Partner section */
html[data-theme="dark"] .partner-section .section {
  background: #1e1e1e;
}

/* Other promo */
html[data-theme="dark"] .other-promo-wrap {
  background: #1a1a1a;
}

/* Section addons */
html[data-theme="dark"] .section-addons .addons {
  background: #1a1a1a;
}

/* Section mobileapp */
html[data-theme="dark"] .section-mobileapp {
  background: #1a1a1a;
}

/* Change address wrap */
html[data-theme="dark"] .change-address-wrap {
  background: #1a1a1a;
}

/* Grey section */
html[data-theme="dark"] .grey-section {
  background: #1a1a1a;
}

/* Cookie consent */
html[data-theme="dark"] .cc-window {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
  color: #ccc !important;
}

/* Hover01 figure */
html[data-theme="dark"] .hover01 figure {
  background: #1e1e1e;
}

/* Gallery more overlay */
html[data-theme="dark"] .gallery-more {
  background-color: rgba(0,0,0,0.85);
}

/* Magnific popup */
html[data-theme="dark"] .mfp-bg {
  background: #000;
}

/* Big new button */
html[data-theme="dark"] .big-new-button {
  background: #e0e0e0;
}
html[data-theme="dark"] .big-new-button:after {
  border-top-color: #e0e0e0;
}

/* Notyf dark */
html[data-theme="dark"] .notyf__toast {
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
}

/* El-overlay background */
html[data-theme="dark"] .el-overlay {
  background-color: rgba(0,0,0,0.6);
}

/* Scrollbar */
html[data-theme="dark"] ::-webkit-scrollbar {
  width: 8px;
}
html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #1a1a1a;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 4px;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #444;
}

/* =============================================
   38. MOBILE RESTAURANTS SUBNAV (address bar + delivery type)
   ============================================= */
html[data-theme="dark"] .restaurants-subnav-row {
  background: #1a1a1a !important;
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .restaurants-subnav-address .btn-text.dropdown-toggle {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .restaurants-subnav-address .btn-text.dropdown-toggle span.text-truncate {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .restaurants-subnav-address .position-relative > p {
  color: #777 !important;
}
html[data-theme="dark"] .restaurants-subnav-address .widget-dropdown button.no-icons {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .restaurants-subnav-address .widget-dropdown button.no-icons span.d-inline.text-truncate {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .restaurants-subnav-address .widget-dropdown button.no-icons span.d-inline:last-child {
  color: #777 !important;
}
html[data-theme="dark"] .restaurants-subnav-services .widget-dropdown button {
  background: #2a2a2a !important;
  color: #ccc !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .restaurants-subnav-services .widget-dropdown .dropdown-menu {
  background: #1e1e1e !important;
  border-color: #333 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .restaurants-subnav-services .widget-dropdown .dropdown-menu a {
  color: #ccc !important;
}
html[data-theme="dark"] .restaurants-subnav-services .widget-dropdown .dropdown-menu a:hover {
  background: #252525 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .restaurants-subnav-search {
  background: #2a2a2a !important;
  color: #ccc !important;
}
html[data-theme="dark"] .restaurants-subnav-search:hover,
html[data-theme="dark"] .restaurants-subnav-search:active {
  background: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .restaurants-page-subnav {
  background: #1a1a1a !important;
}

/* =============================================
   39. MOBILE SERVICE TABS (merchant header delivery/pickup toggle)
   ============================================= */
html[data-theme="dark"] .mobile-service-tabs .btn-group-rounded {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .mobile-service-tabs .btn-group-rounded .btn {
  color: #999 !important;
  background: transparent !important;
}
html[data-theme="dark"] .mobile-service-tabs .btn-group-rounded .btn.active {
  background: #3a3a3a !important;
  color: #e0e0e0 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .mobile-service-tabs .btn-group-rounded .btn .bold {
  color: inherit !important;
}
html[data-theme="dark"] .mobile-service-tabs .btn-group-rounded .btn p {
  color: #666 !important;
}
html[data-theme="dark"] .mobile-service-tabs .btn-group-rounded .btn.active p {
  color: #999 !important;
}
html[data-theme="dark"] .mobile-service-tabs .btn-group-rounded .btn.active .service-tab-icon {
  color: #e0e0e0 !important;
}

/* =============================================
   40. CART SERVICE TABS (delivery/pickup toggle in cart sidebar)
   ============================================= */
html[data-theme="dark"] .cart-service-tabs {
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .cart-service-tabs .btn-group-rounded {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .cart-service-tabs .btn-group-rounded .btn {
  color: #999 !important;
  background: transparent !important;
  border: none !important;
}
html[data-theme="dark"] .cart-service-tabs .btn-group-rounded .btn.active {
  background: #3a3a3a !important;
  color: #e0e0e0 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .cart-service-tabs .btn-group-rounded .btn .bold {
  color: inherit !important;
}
html[data-theme="dark"] .cart-service-tabs .btn-group-rounded .btn p {
  color: #666 !important;
}
html[data-theme="dark"] .cart-service-tabs .btn-group-rounded .btn.active p {
  color: #999 !important;
}
html[data-theme="dark"] .cart-service-tabs .btn-group-rounded .btn.active .service-tab-icon {
  color: #e0e0e0 !important;
}

/* =============================================
   40b. HEADER SERVICE TABS (nav bar delivery/pickup switch)
   ============================================= */
html[data-theme="dark"] .header-service-tabs .btn-group-rounded {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .header-service-tabs .btn-group-rounded .btn {
  color: #999 !important;
  background: transparent !important;
}
html[data-theme="dark"] .header-service-tabs .btn-group-rounded .btn.active {
  background: #3a3a3a !important;
  color: #e0e0e0 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .header-service-tabs .btn-group-rounded .btn .bold {
  color: inherit !important;
}
html[data-theme="dark"] .header-service-tabs .btn-group-rounded .btn.active .service-tab-icon {
  color: #e0e0e0 !important;
}
/* Address/time button next to header service tabs */
html[data-theme="dark"] .header-addr-btn {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .header-addr-btn:hover {
  background: #333 !important;
}
html[data-theme="dark"] .header-addr-btn__address {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .header-addr-btn__address i {
  color: #999 !important;
  opacity: 0.7 !important;
}
html[data-theme="dark"] .header-addr-btn__time {
  color: #777 !important;
}
html[data-theme="dark"] .header-addr-btn__time i {
  color: #666 !important;
  opacity: 0.6 !important;
}

/* =============================================
   41. MENU SEARCH BAR & DROPDOWN (merchant page sticky bar)
   ============================================= */
html[data-theme="dark"] .menu-search-wrapper .el-input--large .el-input__wrapper {
  background: #252525 !important;
  border-color: #333 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .menu-search-wrapper .el-input--large .el-input__wrapper:hover,
html[data-theme="dark"] .menu-search-wrapper .el-input--large .el-input__wrapper.is-focus {
  border-color: #FF8C3A !important;
  background: #2a2a2a !important;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.12) !important;
}
html[data-theme="dark"] .menu-search-dropdown {
  background: #1e1e1e !important;
  border-color: #333 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .menu-search-empty {
  color: #777 !important;
}
html[data-theme="dark"] .menu-search-item {
  border-bottom-color: #2a2a2a !important;
  color: #ccc !important;
}
html[data-theme="dark"] .menu-search-item:hover {
  background: #252525 !important;
}
html[data-theme="dark"] .menu-search-item p {
  color: #aaa !important;
}
html[data-theme="dark"] .menu-search-item strong,
html[data-theme="dark"] .menu-search-item .bold {
  color: #e0e0e0 !important;
}

/* =============================================
   42. ABOUT MERCHANT BUTTON & DIALOG (sd-about-*)
   ============================================= */
html[data-theme="dark"] .btn-about-merchant {
  background: #252525 !important;
  border-color: #333 !important;
  color: #ccc !important;
}
html[data-theme="dark"] .btn-about-merchant:hover {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #e0e0e0 !important;
}
/* Modal */
html[data-theme="dark"] .sd-about-overlay {
  background: rgba(0,0,0,0.6);
}
html[data-theme="dark"] .sd-about-modal {
  background: #1a1a1a;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.06);
}
/* Header */
html[data-theme="dark"] .sd-about-header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-about-header__name {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-about-header__addr {
  color: #777;
}
html[data-theme="dark"] .sd-about-close {
  background: #2a2a2a;
  color: #999;
}
html[data-theme="dark"] .sd-about-close:hover {
  background: #333;
  color: #e0e0e0;
}
/* Tabs */
html[data-theme="dark"] .sd-about-tabs {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-about-tab {
  color: #777;
}
html[data-theme="dark"] .sd-about-tab:hover {
  color: #bbb;
}
html[data-theme="dark"] .sd-about-tab--active {
  color: #FF8C3A;
  border-bottom-color: #FF8C3A;
}
/* Info cards */
html[data-theme="dark"] .sd-about-card {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-about-card__icon {
  background: rgba(255,107,0,0.12);
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-about-card__label {
  color: #777;
}
html[data-theme="dark"] .sd-about-card__value {
  color: #ccc;
}
html[data-theme="dark"] .sd-about-card__value a {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-about-card__action {
  background: #2a2a2a;
  color: #888;
}
html[data-theme="dark"] .sd-about-card__action:hover {
  background: #333;
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-about-card__desc {
  color: #aaa;
}
/* Impressum */
html[data-theme="dark"] .sd-about-impressum {
  color: #aaa;
}
html[data-theme="dark"] .sd-about-impressum a {
  color: #FF8C3A;
}
/* Opening hours */
html[data-theme="dark"] .sd-about-hours-chevron {
  color: #666;
}
html[data-theme="dark"] .sd-about-hours-today {
  color: #aaa;
}
html[data-theme="dark"] .sd-about-hours-day {
  color: #ccc;
}
html[data-theme="dark"] .sd-about-badge--today {
  color: #FF8C3A;
  background: rgba(255,107,0,0.12);
}
html[data-theme="dark"] .sd-about-badge--closed {
  color: #f87171;
  background: rgba(239,68,68,0.12);
}
html[data-theme="dark"] .sd-about-hours-slot {
  color: #aaa;
}
html[data-theme="dark"] .sd-about-hours-slot--svc {
  color: #777;
}
html[data-theme="dark"] .sd-about-hours-slot--svc em {
  color: #999;
}
html[data-theme="dark"] .sd-about-hours-row {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-about-hours-row--today {
  background: rgba(255,107,0,0.06);
}
html[data-theme="dark"] .sd-about-hours-row--closed .sd-about-hours-day {
  color: #555;
}
html[data-theme="dark"] .sd-about-hours-times {
  color: #aaa;
}
/* Reviews summary */
html[data-theme="dark"] .sd-about-rv-summary {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-about-rv-score__num {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-about-star--empty {
  color: #444;
}
html[data-theme="dark"] .sd-about-rv-score__count {
  color: #777;
}
html[data-theme="dark"] .sd-about-rv-bar__label {
  color: #777;
}
html[data-theme="dark"] .sd-about-rv-bar__label i {
  color: #444;
}
html[data-theme="dark"] .sd-about-rv-bar__track {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-about-rv-bar__count {
  color: #666;
}
/* Review items */
html[data-theme="dark"] .sd-about-rv-item {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-about-rv-avatar {
  background: #333;
}
html[data-theme="dark"] .sd-about-rv-item__name {
  color: #ccc;
}
html[data-theme="dark"] .sd-about-rv-item__date {
  color: #666;
}
html[data-theme="dark"] .sd-about-rv-item__badge {
  background: #c88510;
}
html[data-theme="dark"] .sd-about-rv-cat {
  color: #aaa;
  background: #252525;
}
html[data-theme="dark"] .sd-about-rv-cat i {
  color: #777;
}
html[data-theme="dark"] .sd-about-rv-svc {
  color: #FF8C3A;
  background: rgba(255,107,0,0.12);
}
html[data-theme="dark"] .sd-about-rv-tag--like {
  color: #4ade80;
  background: rgba(34,197,94,0.1);
}
html[data-theme="dark"] .sd-about-rv-tag--dislike {
  color: #f87171;
  background: rgba(239,68,68,0.1);
}
html[data-theme="dark"] .sd-about-rv-text {
  color: #bbb;
}
html[data-theme="dark"] .sd-about-rv-more__btn {
  background: #1e1e1e;
  border-color: #333;
  color: #aaa;
}
html[data-theme="dark"] .sd-about-rv-more__btn:hover {
  border-color: #FF8C3A;
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-about-rv-verified {
  color: #666;
}
html[data-theme="dark"] .sd-about-rv-verified i {
  color: #22c55e;
}
/* Empty / Loading */
html[data-theme="dark"] .sd-about-empty {
  color: #444;
}
html[data-theme="dark"] .sd-about-empty p {
  color: #666;
}
html[data-theme="dark"] .sd-about-spinner {
  border-color: #2a2a2a;
  border-top-color: #FF8C3A;
}
/* Zones */
html[data-theme="dark"] .sd-about-zones-map {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .dz-zone-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .dz-zone-card:hover {
  border-color: #444;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .dz-zone-name {
  color: #ccc;
}
html[data-theme="dark"] .dz-detail-item {
  color: #aaa;
}
html[data-theme="dark"] .dz-detail-label {
  color: #777;
}
html[data-theme="dark"] .dz-detail-label i {
  color: #555;
}
html[data-theme="dark"] .dz-detail-value {
  color: #ccc;
}
html[data-theme="dark"] .dz-marker-label {
  background: #1a1a1a;
  color: #ccc;
  border-color: #FF8C3A;
}

/* Section 43 — moved to section 63 */
/* Menu item highlight animation for dark mode */
@keyframes menuItemPulseDark {
  0%   { background-color: transparent; }
  15%  { background-color: rgba(255,107,0,0.08); box-shadow: 0 0 0 3px rgba(255,107,0,0.12); }
  85%  { background-color: rgba(255,107,0,0.08); box-shadow: 0 0 0 3px rgba(255,107,0,0.12); }
  100% { background-color: transparent; box-shadow: none; }
}

/* =============================================
   44. CART SIDEBAR — Deep professional dark mode fix
   ============================================= */

/* Cart sidebar wrapper background */
html[data-theme="dark"] .menu-right .sticky-cart .inner-wrapper-sticky {
  background: #1a1a1a !important;
  border-color: #2a2a2a !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}

/*
 * CRITICAL: Cart header elements ("Warenkorb (X)", empty cart, checkout toggle)
 * are OUTSIDE .section-cart — they are direct children of #vue-cart.
 * Must use #vue-cart selector to reach them.
 */
html[data-theme="dark"] #vue-cart [style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] #vue-cart [style*="color:#aaa"] {
  color: #666 !important;
}
html[data-theme="dark"] #vue-cart [style*="color:#999"] {
  color: #777 !important;
}
html[data-theme="dark"] #vue-cart [style*="color:#ddd"] {
  color: #444 !important;
}
html[data-theme="dark"] #vue-cart [style*="color:#888"] {
  color: #999 !important;
}
html[data-theme="dark"] #vue-cart [style*="color:#777"] {
  color: #999 !important;
}
html[data-theme="dark"] #vue-cart [style*="color:#ccc"] {
  color: #555 !important;
}
html[data-theme="dark"] #vue-cart [style*="color:#ef4444"] {
  color: #ef4444 !important;
  background: rgba(239,68,68,0.1) !important;
}
html[data-theme="dark"] #vue-cart [style*="border-bottom:1px solid #f0ede8"] {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] #vue-cart [style*="border-bottom:1px solid #f5f3f0"] {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] #vue-cart [style*="background:#f5f3f0"] {
  background: #252525 !important;
}
html[data-theme="dark"] #vue-cart [style*="background:#fafaf8"] {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] #vue-cart [style*="border-top:2px solid #e5e2dd"] {
  border-top-color: #444 !important;
}
/* Free delivery box */
html[data-theme="dark"] #vue-cart [style*="background:#FFF0E0"] {
  background: rgba(255,107,0,0.08) !important;
  border-color: rgba(255,107,0,0.2) !important;
}
html[data-theme="dark"] #vue-cart [style*="color:#E05E00"] {
  color: #FF8C3A !important;
}

/* =============================================
   CART — Robust class-based dark mode overrides
   (replaces fragile attribute selectors)
   ============================================= */

/* Text utility classes added to cart-data.php elements */
html[data-theme="dark"] .cart-txt-dark {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .cart-txt-light {
  color: #999 !important;
}
html[data-theme="dark"] .cart-txt-muted {
  color: #777 !important;
}
html[data-theme="dark"] .cart-txt-sub {
  color: #666 !important;
}

/* Cart header row border */
html[data-theme="dark"] .cart-header-row {
  border-bottom-color: #2a2a2a !important;
}

/* Cart item row border */
html[data-theme="dark"] .cart-item-row {
  border-bottom-color: #2a2a2a !important;
}

/* Cart item thumbnail placeholder */
html[data-theme="dark"] .cart-item-thumb {
  background: #252525 !important;
}

/* Cart clear button (checkout) */
html[data-theme="dark"] .cart-clear-btn {
  background: rgba(239,68,68,0.12) !important;
  color: #ef4444 !important;
}

/* Cart summary box */
html[data-theme="dark"] .cart-summary-box {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}

/* Cart total row border */
html[data-theme="dark"] .cart-total-row {
  border-top-color: #444 !important;
}

/* Free delivery box */
html[data-theme="dark"] .cart-free-delivery-box {
  background: rgba(255,107,0,0.08) !important;
  border-color: rgba(255,107,0,0.2) !important;
}
html[data-theme="dark"] .cart-free-delivery-box div {
  color: #FF8C3A !important;
}

/* Cart header — "Warenkorb (X)" and "Leeren" — keep legacy selectors too */
html[data-theme="dark"] .section-cart .d-flex [style*="color:#1a1a1a"],
html[data-theme="dark"] .section-cart [style*="font-weight:700"][style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .section-cart [style*="color:#aaa"] {
  color: #666 !important;
}
/* Cart header border-bottom */
html[data-theme="dark"] .section-cart .d-flex[style*="border-bottom:1px solid #f0ede8"],
html[data-theme="dark"] .section-cart [style*="border-bottom:1px solid #f0ede8"] {
  border-bottom-color: #2a2a2a !important;
}

/* Cart items border */
html[data-theme="dark"] .section-cart .items[style*="border-bottom:1px solid #f5f3f0"],
html[data-theme="dark"] .section-cart .items {
  border-bottom-color: #2a2a2a !important;
}

/* Cart item image background */
html[data-theme="dark"] .section-cart .items [style*="background:#f5f3f0"] {
  background: #252525 !important;
}

/* Food name (inline color:#1a1a1a) */
html[data-theme="dark"] .section-cart .items p[style*="color:#1a1a1a"],
html[data-theme="dark"] .section-cart .items [style*="font-weight:600"][style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}

/* Size name (inline color:#999) */
html[data-theme="dark"] .section-cart .items span[style*="color:#999"] {
  color: #666 !important;
}

/* Remove button (inline color:#ccc) */
html[data-theme="dark"] .section-cart .items a[style*="color:#ccc"] {
  color: #555 !important;
}
html[data-theme="dark"] .section-cart .items a[style*="color:#ccc"]:hover {
  color: #ef4444 !important;
}

/* Price (inline color:#888) */
html[data-theme="dark"] .section-cart .items span[style*="color:#888"] {
  color: #777 !important;
}

/* Price (inline color:#777) */
html[data-theme="dark"] .section-cart .items [style*="color:#777"] {
  color: #888 !important;
}

/* Total per item (inline color:#1a1a1a, font-weight:700) */
html[data-theme="dark"] .section-cart .items div[style*="font-weight:700"][style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}

/* Quantity display */
html[data-theme="dark"] .section-cart .quantity .qty {
  color: #e0e0e0 !important;
}

/* Quantity buttons */
html[data-theme="dark"] .section-cart .quantity .qty-btn,
html[data-theme="dark"] .section-cart .quantity a.rounded-pill {
  background: #333 !important;
  color: #ccc !important;
}
html[data-theme="dark"] .section-cart .quantity .qty-btn:hover,
html[data-theme="dark"] .section-cart .quantity a.rounded-pill:hover {
  background: #444 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .section-cart .quantity .qty-btn[data-id="plus"],
html[data-theme="dark"] .section-cart .quantity a.rounded-pill[data-id="plus"] {
  background: rgba(255,107,0,0.15) !important;
  color: #FF8C3A !important;
}
html[data-theme="dark"] .section-cart .quantity .qty-btn[data-id="plus"]:hover,
html[data-theme="dark"] .section-cart .quantity a.rounded-pill[data-id="plus"]:hover {
  background: rgba(255,107,0,0.25) !important;
}

/* Cart note button */
html[data-theme="dark"] .cart-note-btn {
  color: #777 !important;
  background: #252525 !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .cart-note-btn:hover {
  background: #2a2a2a !important;
  color: #aaa !important;
}
html[data-theme="dark"] .cart-note-btn.has-note {
  background: rgba(255,107,0,0.08) !important;
  border-color: rgba(255,107,0,0.2) !important;
  color: #FF8C3A !important;
}

/* Note edit input */
html[data-theme="dark"] .section-cart input.form-control[style*="border-color:#e5e5e5"] {
  border-color: #333 !important;
  background: #252525 !important;
  color: #e0e0e0 !important;
}

/* Special instructions text */
html[data-theme="dark"] .section-cart p[style*="color:#999"][style*="font-style:italic"] {
  color: #666 !important;
}

/* Addon items text */
html[data-theme="dark"] .section-cart [style*="color:#888"][style*="font-weight:600"] {
  color: #999 !important;
}
html[data-theme="dark"] .section-cart p[style*="color:#aaa"][style*="font-size:0.7rem"] {
  color: #777 !important;
}

/* Cart summary box */
html[data-theme="dark"] .section-cart [style*="background:#fafaf8"] {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}

/* Summary row labels (color:#777) */
html[data-theme="dark"] .section-cart [style*="background:#fafaf8"] [style*="color:#777"] {
  color: #999 !important;
}

/* Summary total row (color:#1a1a1a, font-weight:700) */
html[data-theme="dark"] .section-cart [style*="background:#fafaf8"] [style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}

/* Summary total border-top */
html[data-theme="dark"] .section-cart [style*="border-top:2px solid #e5e2dd"] {
  border-top-color: #444 !important;
}

/* Delivery fee text */
html[data-theme="dark"] .section-cart [style*="color:#888"][style*="margin-top:4px"] {
  color: #777 !important;
}

/* Empty cart state */
html[data-theme="dark"] .section-cart h6[style*="color:#1a1a1a"],
html[data-theme="dark"] h6[style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .section-cart p[style*="color:#999"],
html[data-theme="dark"] .section-cart [style*="font-size:48px"][style*="color:#ddd"] {
  color: #555 !important;
}

/* Free delivery progress bar */
html[data-theme="dark"] .section-cart [style*="background:#FFF0E0"] {
  background: rgba(255,107,0,0.08) !important;
  border-color: rgba(255,107,0,0.2) !important;
}

/* Points label */
html[data-theme="dark"] .section-cart p[style*="color:#f59e0b"] {
  color: #f59e0b !important;
}

/* =============================================
   45. CHECKOUT CART TOGGLE — Deep fix
   ============================================= */
html[data-theme="dark"] .checkout-cart-toggle {
  background: #1a1a1a !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .checkout-cart-toggle:hover {
  background: #222 !important;
}
/* Item count text (inline color:#1a1a1a) */
html[data-theme="dark"] .checkout-cart-toggle [style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}
/* Subtitle text (inline color:#999) */
html[data-theme="dark"] .checkout-cart-toggle [style*="color:#999"] {
  color: #666 !important;
}
/* Clear button */
html[data-theme="dark"] .checkout-cart-toggle [style*="color:#ef4444"] {
  background: rgba(239,68,68,0.1) !important;
}
/* Arrow icon */
html[data-theme="dark"] .checkout-cart-toggle-arrow {
  color: #777 !important;
}

/* =============================================
   46. CHECKOUT SUMMARY TOTALS — Deep fix for price/tax/total
   ============================================= */
html[data-theme="dark"] .checkout-v2-summary-card [style*="background:#fafaf8"] {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .checkout-v2-summary-card [style*="color:#777"] {
  color: #999 !important;
}
html[data-theme="dark"] .checkout-v2-summary-card [style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-v2-summary-card [style*="border-top:2px solid #e5e2dd"] {
  border-top-color: #444 !important;
}
/* Cart items in checkout */
html[data-theme="dark"] .checkout-v2-summary-card .items[style*="border-bottom"] {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .checkout-v2-summary-card .items {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .checkout-v2-summary-card .items p[style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-v2-summary-card .items span[style*="color:#999"] {
  color: #666 !important;
}
html[data-theme="dark"] .checkout-v2-summary-card .items span[style*="color:#888"] {
  color: #777 !important;
}
html[data-theme="dark"] .checkout-v2-summary-card .items div[style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-v2-summary-card .items a[style*="color:#ccc"] {
  color: #555 !important;
}
html[data-theme="dark"] .checkout-v2-summary-card .items [style*="background:#f5f3f0"] {
  background: #252525 !important;
}
html[data-theme="dark"] .checkout-v2-summary-card p[style*="color:#aaa"] {
  color: #777 !important;
}
html[data-theme="dark"] .checkout-v2-summary-card [style*="color:#888"] {
  color: #999 !important;
}
/* Checkout cart items border fix */
html[data-theme="dark"] .checkout-cart-items-collapse .items {
  border-bottom-color: #2a2a2a !important;
}

/* =============================================
   47. STICKY SIDEBAR CATEGORY NAV — Dark mode
   ============================================= */
html[data-theme="dark"] .sticky-sidebar .menu-category .nav-link {
  color: #aaa !important;
}
html[data-theme="dark"] .sticky-sidebar .menu-category .nav-link:hover {
  background: #252525 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sticky-sidebar .menu-category .nav-link.active,
html[data-theme="dark"] .sticky-sidebar .menu-category li.active .nav-link {
  background: rgba(255,107,0,0.1) !important;
  color: #FF8C3A !important;
}

/* =============================================
   48. DELIVERY ZONES TAB (about merchant dialog)
   ============================================= */
html[data-theme="dark"] .dz-zone-card {
  background: #252525 !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .dz-zone-card h6 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .dz-zone-card p {
  color: #aaa !important;
}

/* =============================================
   49. DRAWER PREVIEW CART — Deep fix
   ============================================= */
html[data-theme="dark"] .drawer-preview-cart .el-drawer {
  background: #1a1a1a !important;
}
html[data-theme="dark"] .drawer-preview-cart .el-drawer__header {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .drawer-preview-cart .el-drawer__title {
  color: #e0e0e0 !important;
}
/* All inline color overrides inside drawer cart */
html[data-theme="dark"] .drawer-preview-cart [style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="color:#999"] {
  color: #666 !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="color:#888"] {
  color: #777 !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="color:#777"] {
  color: #888 !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="color:#aaa"] {
  color: #666 !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="color:#ccc"] {
  color: #555 !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="color:#ddd"] {
  color: #444 !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="background:#fafaf8"] {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="background:#f5f3f0"] {
  background: #252525 !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="border-bottom:1px solid #f5f3f0"],
html[data-theme="dark"] .drawer-preview-cart .items {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="border-bottom:1px solid #f0ede8"] {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="border-top:2px solid #e5e2dd"] {
  border-top-color: #444 !important;
}
html[data-theme="dark"] .drawer-preview-cart [style*="background:#FFF0E0"] {
  background: rgba(255,107,0,0.08) !important;
  border-color: rgba(255,107,0,0.2) !important;
}
html[data-theme="dark"] .drawer-cart-sticky-footer {
  background: #1a1a1a !important;
  border-top-color: #2a2a2a !important;
}

/* =============================================
   50. FEED SEARCH BAR — Dark mode
   ============================================= */
html[data-theme="dark"] .feed-search-inner {
  background: #252525 !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .feed-search-inner:focus-within {
  border-color: #FF6B00 !important;
  background: #2a2a2a !important;
}
html[data-theme="dark"] .feed-search-input {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .feed-search-input::placeholder {
  color: #666 !important;
}
html[data-theme="dark"] .feed-search-clear {
  background: #333 !important;
  color: #aaa !important;
}
html[data-theme="dark"] .feed-search-clear:hover {
  background: #444 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .feed-search-ph {
  color: #555 !important;
}
html[data-theme="dark"] .feed-search-ph-sep {
  color: #444 !important;
}
html[data-theme="dark"] .feed-search-ph-word {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .feed-search-ph-word-b {
  color: #ccc !important;
  opacity: 0.4 !important;
}
html[data-theme="dark"] .feed-mobile-filter-btn {
  background: #252525 !important;
  border-color: #333 !important;
  color: #aaa !important;
}
html[data-theme="dark"] .feed-mobile-filter-btn:hover,
html[data-theme="dark"] .feed-mobile-filter-btn:active {
  background: #2a2a2a !important;
  color: #ccc !important;
}
html[data-theme="dark"] .feed-mobile-btn-active {
  background: #FF6B00 !important;
  border-color: #FF6B00 !important;
  color: #fff !important;
}
html[data-theme="dark"] .feed-mobile-active-count {
  background: #FF8C3A !important;
}

/* =============================================
   51. GLOBAL INLINE STYLE CATCH-ALL for cart/checkout
   ============================================= */
/* Any element with inline border-bottom #f0ede8 or #f5f3f0 */
html[data-theme="dark"] [style*="border-bottom:1px solid #f0ede8"] {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] [style*="border-bottom:1px solid #f5f3f0"] {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] [style*="border-top:2px solid #e5e2dd"] {
  border-top-color: #444 !important;
}
html[data-theme="dark"] [style*="border:1px solid #f0ede8"] {
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] [style*="border:1px solid #FFD9B3"] {
  border-color: rgba(255,107,0,0.2) !important;
}

/* =============================================
   53. COMPACT ADDRESS BAR (Menu Page Mobile)
   ============================================= */
html[data-theme="dark"] .compact-address-bar {
  background: #1a1a1a !important;
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .compact-address-bar:active {
  background: #222 !important;
}
html[data-theme="dark"] .compact-bar-pin {
  color: #ccc !important;
}
html[data-theme="dark"] .compact-bar-address {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .compact-bar-time {
  color: #777 !important;
}
html[data-theme="dark"] .compact-bar-chevron {
  color: #555 !important;
}
html[data-theme="dark"] .menu-page-subnav {
  background: #1a1a1a !important;
}

/* =============================================
   54. CATEGORY CAROUSEL (sticky mobile categories bar)
   ============================================= */
html[data-theme="dark"] .category-carousel {
  background: #1a1a1a !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .category-carousel a {
  color: #999 !important;
}
html[data-theme="dark"] .category-carousel a.active,
html[data-theme="dark"] .category-carousel a:hover {
  color: #FF8C3A !important;
}

/* =============================================
   55. MOBILE MERCHANT DETAILS
   ============================================= */
html[data-theme="dark"] .mobile-merchant-details {
  background: #121212 !important;
}
html[data-theme="dark"] .mobile-merchant-details h5 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .mobile-merchant-details .merchant-info-list li {
  color: #999 !important;
}

/* =============================================
   56. DELIVERY ZONES — Deep dark mode
   ============================================= */
html[data-theme="dark"] .dz-zone-card {
  background: #252525 !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .dz-zone-card:hover {
  border-color: #444 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .dz-zone-name {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .dz-detail-item {
  color: #aaa !important;
}
html[data-theme="dark"] .dz-detail-label {
  color: #777 !important;
}
html[data-theme="dark"] .dz-detail-label i {
  color: #666 !important;
}
html[data-theme="dark"] .dz-detail-value {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .dz-marker-label {
  background: #1e1e1e !important;
  color: #e0e0e0 !important;
  border-color: #FF8C3A !important;
}

/* =============================================
   57. FLOATING CART (mobile bottom bar)
   ============================================= */
html[data-theme="dark"] .floating-cart {
  background: #1a1a1a !important;
}
html[data-theme="dark"] .floating-cart .btn {
  box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}

/* =============================================
   58. MOBILE BOTTOM-SHEET MODALS (menu + restaurants pages)
   ============================================= */
@media (max-width: 991px) {
  html[data-theme="dark"] body.action-menu .modal .modal-body a.chevron-section,
  html[data-theme="dark"] body.action-restaurants .modal .modal-body a.chevron-section {
    background: #252525 !important;
    border-color: #333 !important;
  }
  html[data-theme="dark"] body.action-menu .modal .modal-body a.chevron-section:active,
  html[data-theme="dark"] body.action-restaurants .modal .modal-body a.chevron-section:active {
    background: #2a2a2a !important;
  }
}

/* =============================================
   59. WRAP-RADIO-SELECTION (service type toggle)
   ============================================= */
html[data-theme="dark"] .wrap-radio-selection span.el-radio-button__inner {
  background-color: #FF6B00 !important;
  color: #fff !important;
}
html[data-theme="dark"] .wrap-radio-selection .el-radio-button__original-radio:checked + .el-radio-button__inner {
  background-color: #1e1e1e !important;
  color: #FF8C3A !important;
}

/* =============================================
   60. RESPONSIVE IFRAME & MISC
   ============================================= */
html[data-theme="dark"] .responsive-iframe {
  background: #121212 !important;
}
html[data-theme="dark"] .text-grey {
  color: #777 !important;
}
html[data-theme="dark"] .modified-modal .el-dialog {
  background: #1e1e1e !important;
}

/* =============================================
   61. SMOOTH TRANSITION (updated)
   ============================================= */
html body,
html .sd-header,
html .card-horizontal,
html .card-featured,
html .sd-auth-card,
html .acct-card,
html .checkout-v2-section,
html .checkout-v2-summary-card,
html .modal-content,
html .dropdown-menu,
html .el-drawer,
html .el-dialog,
html .sd-footer,
html .sd-footer-bar,
html .section-cart,
html .list-item-rows,
html .restaurants-subnav-row,
html .mobile-service-tabs .btn-group-rounded,
html .cart-service-tabs .btn-group-rounded,
html .header-service-tabs .btn-group-rounded,
html .header-addr-btn,
html .menu-search-dropdown,
html .btn-about-merchant,
html .feed-search-inner {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* =============================================
   62. SD MODAL — Deep Dark Mode (Lieferdetails, Location, Time)
   ============================================= */

/* Modal content container */
html[data-theme="dark"] .sd-modal .sd-modal-content {
  background: #1e1e1e !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
}

/* Modal title */
html[data-theme="dark"] .sd-modal-title {
  color: #e0e0e0 !important;
}

/* Modal close button */
html[data-theme="dark"] .sd-modal-close {
  background: #2a2a2a !important;
  color: #ccc !important;
}
html[data-theme="dark"] .sd-modal-close:hover {
  background: #333 !important;
  color: #e0e0e0 !important;
}

/* Modal action cards (address, time) */
html[data-theme="dark"] .sd-modal-card {
  background: #252525 !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .sd-modal-card:hover {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .sd-modal-card:active {
  background: #303030 !important;
}

/* Card icon circle (white bg in light mode → dark bg) */
html[data-theme="dark"] .sd-modal-card-icon {
  background: #1e1e1e !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
}

/* Card text */
html[data-theme="dark"] .sd-modal-card-primary {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-modal-card-secondary {
  color: #999 !important;
}

/* Card arrow */
html[data-theme="dark"] .sd-modal-card-arrow {
  color: #666 !important;
}
html[data-theme="dark"] .sd-modal-card:hover .sd-modal-card-arrow {
  color: #999 !important;
}

/* Modal footer */
html[data-theme="dark"] .sd-modal-footer {
  background: transparent !important;
}

/* Segmented control */
html[data-theme="dark"] .sd-seg-control {
  background: #252525 !important;
}
html[data-theme="dark"] .sd-seg-btn {
  color: #aaa !important;
}
html[data-theme="dark"] .sd-seg-btn.active {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-seg-pill {
  background: #1e1e1e !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
}

/* Custom select triggers */
html[data-theme="dark"] .sd-select-trigger {
  background: #252525 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-select-trigger:focus,
html[data-theme="dark"] .sd-select-trigger.is-open {
  border-color: #FF8C3A !important;
}
html[data-theme="dark"] .sd-select-dropdown {
  background: #1e1e1e !important;
  border-color: #333 !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .sd-select-option {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-select-option:hover {
  background: #252525 !important;
}
html[data-theme="dark"] .sd-select-option.selected {
  color: #FF8C3A !important;
}

/* Mobile bottom-sheet modal */
@media (max-width: 991px) {
  html[data-theme="dark"] .sd-modal .sd-modal-content.sd-modal-mobile {
    box-shadow: 0 -8px 30px rgba(0,0,0,0.4) !important;
  }
  html[data-theme="dark"] .sd-modal .sd-modal-content.sd-modal-mobile .sd-modal-header {
    background: #1e1e1e !important;
  }
  html[data-theme="dark"] .sd-modal .sd-modal-content.sd-modal-mobile .sd-modal-header::before {
    background: #444 !important;
  }
  html[data-theme="dark"] .sd-modal .sd-modal-content.sd-modal-mobile .sd-modal-footer {
    background: #1e1e1e !important;
  }
}

/* =============================================
   62b. SD MODAL — Date Pills & Time List (Lieferdetails)
   ============================================= */

/* Date pills */
html[data-theme="dark"] .sd-date-pill {
  background: #252525 !important;
  color: #ccc !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .sd-date-pill:hover {
  background: #2a2a2a !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-date-pill.active {
  background: rgba(255,107,0,0.12) !important;
  color: #FF8C3A !important;
  border-color: #FF6B00 !important;
}

/* Time list */
html[data-theme="dark"] .sd-time-list {
  border-color: #333 !important;
  scrollbar-color: #444 transparent;
}
html[data-theme="dark"] .sd-time-list::-webkit-scrollbar-thumb {
  background: #444 !important;
}
html[data-theme="dark"] .sd-time-list::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}

/* Time items */
html[data-theme="dark"] .sd-time-item {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-time-item:hover {
  background: #252525 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-time-item.active {
  background: rgba(255,107,0,0.1) !important;
  color: #FF8C3A !important;
}

/* =============================================
   62b. SD CHECKOUT TRANSACTION MODAL — Dark mode
   ============================================= */

/* Service cards */
html[data-theme="dark"] .sd-co-svc-card {
  background: #252525 !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .sd-co-svc-card:hover {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .sd-co-svc-card--active {
  background: rgba(255,107,0,0.12) !important;
  border-color: #FF6B00 !important;
}
html[data-theme="dark"] .sd-co-svc-icon {
  background: #333 !important;
  color: #aaa !important;
}
html[data-theme="dark"] .sd-co-svc-card--active .sd-co-svc-icon {
  background: #FF6B00 !important;
  color: #FFF !important;
}
html[data-theme="dark"] .sd-co-svc-name {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-co-svc-card--active .sd-co-svc-name {
  color: #e0e0e0 !important;
}

/* Divider */
html[data-theme="dark"] .sd-co-divider {
  background: #333 !important;
}

/* When label */
html[data-theme="dark"] .sd-co-when-label {
  color: #777 !important;
}

/* Section labels */
html[data-theme="dark"] .sd-co-sched-section-label {
  color: #777 !important;
}
html[data-theme="dark"] .sd-co-sched-section-label i {
  color: #555 !important;
}

/* Date cards */
html[data-theme="dark"] .sd-co-date-card {
  background: #252525 !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .sd-co-date-card:hover {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .sd-co-date-card--today {
  border-color: rgba(255,107,0,0.3) !important;
}
html[data-theme="dark"] .sd-co-date-card--active {
  background: #FF6B00 !important;
  border-color: #FF6B00 !important;
}
html[data-theme="dark"] .sd-co-date-day {
  color: #888 !important;
}
html[data-theme="dark"] .sd-co-date-num {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-co-date-month {
  color: #888 !important;
}
html[data-theme="dark"] .sd-co-date-card--active .sd-co-date-day,
html[data-theme="dark"] .sd-co-date-card--active .sd-co-date-num,
html[data-theme="dark"] .sd-co-date-card--active .sd-co-date-month,
html[data-theme="dark"] .sd-co-date-card--active .sd-co-date-today {
  color: #FFF !important;
}

/* Hours info bar */
html[data-theme="dark"] .sd-co-hours-info {
  background: rgba(52,168,83,0.1) !important;
  color: #6abf7b !important;
}
html[data-theme="dark"] .sd-co-hours-info i {
  color: #6abf7b !important;
}

/* Time count badge */
html[data-theme="dark"] .sd-co-time-count {
  background: #FF6B00 !important;
  color: #FFF !important;
}

/* Time grid buttons */
html[data-theme="dark"] .sd-co-time-btn {
  background: #1e1e1e !important;
  border-color: #333 !important;
  color: #ccc !important;
}
html[data-theme="dark"] .sd-co-time-btn:hover {
  background: #252525 !important;
  border-color: #444 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-co-time-btn--active {
  background: rgba(255,107,0,0.1) !important;
  border-color: #FF6B00 !important;
  color: #FF8C3A !important;
}
html[data-theme="dark"] .sd-co-time-btn--active:hover {
  background: rgba(255,107,0,0.12) !important;
  border-color: #FF6B00 !important;
  color: #FF8C3A !important;
}
html[data-theme="dark"] .sd-co-times::-webkit-scrollbar-thumb {
  background: #444 !important;
}

/* Empty times */
html[data-theme="dark"] .sd-co-empty-times {
  background: #1e1e1e !important;
  color: #666 !important;
}

/* Alert */
html[data-theme="dark"] .sd-co-alert--warn {
  background: rgba(249,168,37,0.1) !important;
  color: #d4a84b !important;
}
html[data-theme="dark"] .sd-co-alert--warn i {
  color: #d4a84b !important;
}

/* Mobile bottom sheet header/footer bg */
@media (max-width: 991px) {
  html[data-theme="dark"] .sd-modal .sd-modal-content.sd-modal-mobile .sd-modal-header {
    background: #1a1a1a !important;
  }
  html[data-theme="dark"] .sd-modal .sd-modal-content.sd-modal-mobile .sd-modal-footer {
    background: #1a1a1a !important;
  }
  html[data-theme="dark"] .sd-modal .sd-modal-content.sd-modal-mobile .sd-modal-header::before {
    background: #444 !important;
  }
}

/* =============================================
   63. MENU ITEM HOVER — Fix white highlight in dark mode
   ============================================= */

/* list-item-rows: prevent any white/light background on hover */
html[data-theme="dark"] .list-item-rows {
  background: transparent !important;
}
html[data-theme="dark"] .section-menu .list-item-rows:hover {
  background: rgba(255,255,255,0.03) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] .section-menu .list-item-rows:active {
  background: rgba(255,255,255,0.05) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* el-card menu items: prevent white background on hover */
html[data-theme="dark"] .section-menu .el-card {
  background: transparent !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .section-menu .el-card:hover {
  background: rgba(255,255,255,0.04) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
  transform: translateY(-1px);
}
html[data-theme="dark"] .section-menu .el-card:active {
  background: rgba(255,255,255,0.06) !important;
}
html[data-theme="dark"] .section-menu .el-card__body {
  background: transparent !important;
}

/* Menu item highlight animation */
html[data-theme="dark"] .menu-item-highlight {
  animation: menuItemPulseDark 2s ease !important;
}

/* =============================================
   64. NEWSLETTER FORM — Dark mode fix
   ============================================= */

/* Newsletter form wrapper (white bg + border) */
html[data-theme="dark"] .sd-newsletter-form {
  background: #252525 !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .sd-newsletter-form:focus-within {
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.12) !important;
}
html[data-theme="dark"] .sd-newsletter-form .el-input .el-input__wrapper {
  background: transparent !important;
}
html[data-theme="dark"] .sd-newsletter-form .el-input .el-input__inner {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-newsletter-form .el-input .el-input__inner::placeholder {
  color: #666 !important;
}

/* Newsletter button — ensure no white border artifacts */
html[data-theme="dark"] .sd-newsletter-btn {
  background: #FF6B00 !important;
  border-color: #FF6B00 !important;
  color: #fff !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .sd-newsletter-btn:hover {
  background: #E05E00 !important;
  border-color: #E05E00 !important;
}
html[data-theme="dark"] .sd-newsletter-btn:focus {
  box-shadow: 0 0 0 3px rgba(255,107,0,0.2) !important;
}

/* =============================================
   65. DRAWER CART (Mobile) — Complete dark fix
   ============================================= */

/* Drawer cart background */
html[data-theme="dark"] .drawer-preview-cart .el-drawer__body {
  background: #1a1a1a !important;
}

/* Drawer cart header */
html[data-theme="dark"] .drawer-preview-cart h5,
html[data-theme="dark"] .drawer-preview-cart h6 {
  color: #e0e0e0 !important;
}

/* Drawer cart qty buttons */
html[data-theme="dark"] .drawer-preview-cart .quantity .qty-btn,
html[data-theme="dark"] .drawer-preview-cart .quantity a.rounded-pill {
  background: #333 !important;
  color: #ccc !important;
}
html[data-theme="dark"] .drawer-preview-cart .quantity .qty-btn:hover,
html[data-theme="dark"] .drawer-preview-cart .quantity a.rounded-pill:hover {
  background: #444 !important;
}
html[data-theme="dark"] .drawer-preview-cart .quantity .qty-btn[data-id="plus"],
html[data-theme="dark"] .drawer-preview-cart .quantity a.rounded-pill[data-id="plus"] {
  background: rgba(255,107,0,0.15) !important;
  color: #FF8C3A !important;
}
html[data-theme="dark"] .drawer-preview-cart .quantity .qty {
  color: #e0e0e0 !important;
}

/* Drawer cart note button */
html[data-theme="dark"] .drawer-preview-cart .cart-note-btn {
  color: #777 !important;
  background: #252525 !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .drawer-preview-cart .cart-note-btn:hover {
  background: #2a2a2a !important;
  color: #aaa !important;
}
html[data-theme="dark"] .drawer-preview-cart .cart-note-btn.has-note {
  background: rgba(255,107,0,0.08) !important;
  border-color: rgba(255,107,0,0.2) !important;
  color: #FF8C3A !important;
}

/* =============================================
   66. GLOBAL BG-WHITE / BTN-LIGHT / MISC OVERRIDES
   ============================================= */

/* Bootstrap bg-white */
html[data-theme="dark"] .bg-white {
  background-color: #1e1e1e !important;
}
html[data-theme="dark"] .bg-light {
  background-color: #1a1a1a !important;
}

/* btn-light */
html[data-theme="dark"] .btn-light {
  background: #2a2a2a !important;
  border-color: #333 !important;
  color: #ccc !important;
}
html[data-theme="dark"] .btn-light:hover {
  background: #333 !important;
  border-color: #444 !important;
  color: #e0e0e0 !important;
}

/* btn-outline-secondary */
html[data-theme="dark"] .btn-outline-secondary {
  border-color: #444 !important;
  color: #ccc !important;
}
html[data-theme="dark"] .btn-outline-secondary:hover {
  background: #333 !important;
  border-color: #555 !important;
  color: #e0e0e0 !important;
}

/* btn-outline-dark */
html[data-theme="dark"] .btn-outline-dark {
  border-color: #555 !important;
  color: #ccc !important;
}
html[data-theme="dark"] .btn-outline-dark:hover {
  background: #333 !important;
  color: #e0e0e0 !important;
}

/* border-bottom, border-top utility classes */
html[data-theme="dark"] .border-bottom {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .border-top {
  border-top-color: #2a2a2a !important;
}
html[data-theme="dark"] .border {
  border-color: #2a2a2a !important;
}

/* List group */
html[data-theme="dark"] .list-group-item {
  background-color: #1e1e1e;
  border-color: #2a2a2a;
  color: #ccc;
}
html[data-theme="dark"] .list-group-item:hover {
  background-color: #252525;
}

/* Popover */
html[data-theme="dark"] .popover {
  background: #1e1e1e;
  border-color: #333;
}
html[data-theme="dark"] .popover-header {
  background: #252525;
  border-bottom-color: #333;
  color: #e0e0e0;
}
html[data-theme="dark"] .popover-body {
  color: #ccc;
}
html[data-theme="dark"] .bs-popover-bottom .arrow::after,
html[data-theme="dark"] .bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #252525;
}
html[data-theme="dark"] .bs-popover-top .arrow::after,
html[data-theme="dark"] .bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #1e1e1e;
}

/* Tooltip */
html[data-theme="dark"] .tooltip-inner {
  background: #333;
  color: #e0e0e0;
}

/* Email confirmation/unsubscribe pages */
html[data-theme="dark"] .sd-email-page {
  background: #121212;
}
html[data-theme="dark"] .sd-email-card {
  background: #1e1e1e !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .sd-email-card h4,
html[data-theme="dark"] .sd-email-card h5 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-email-card p {
  color: #aaa !important;
}

/* Merchant info list */
html[data-theme="dark"] .merchant-info-list li {
  color: #999 !important;
}

/* Opening hours accordion */
html[data-theme="dark"] .oh-accordion {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .oh-accordion-header {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .oh-accordion-body {
  border-top-color: #2a2a2a !important;
}

/* Service tabs on merchant page */
html[data-theme="dark"] .service-tab-icon {
  color: #999 !important;
}

/* Promo badge */
html[data-theme="dark"] .promo-badge {
  background: rgba(255,107,0,0.1) !important;
}

/* White text on dark bg — ensure visibility */
html[data-theme="dark"] .text-white {
  color: #fff !important;
}

/* =============================================
   67. CHECKOUT CART — Comprehensive inline override
   ============================================= */

/* Checkout clear button background */
html[data-theme="dark"] .checkout-cart-toggle [style*="background:#fef2f2"] {
  background: rgba(239,68,68,0.1) !important;
}

/* Checkout cart items — ensure all inline colors are overridden */
html[data-theme="dark"] .checkout-cart-items-collapse [style*="color:#1a1a1a"] {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .checkout-cart-items-collapse [style*="color:#999"] {
  color: #666 !important;
}
html[data-theme="dark"] .checkout-cart-items-collapse [style*="color:#888"] {
  color: #777 !important;
}
html[data-theme="dark"] .checkout-cart-items-collapse [style*="color:#aaa"] {
  color: #666 !important;
}
html[data-theme="dark"] .checkout-cart-items-collapse [style*="color:#777"] {
  color: #888 !important;
}
html[data-theme="dark"] .checkout-cart-items-collapse [style*="color:#ccc"] {
  color: #555 !important;
}
html[data-theme="dark"] .checkout-cart-items-collapse [style*="color:#ddd"] {
  color: #444 !important;
}
html[data-theme="dark"] .checkout-cart-items-collapse [style*="background:#f5f3f0"] {
  background: #252525 !important;
}
html[data-theme="dark"] .checkout-cart-items-collapse [style*="background:#fafaf8"] {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .checkout-cart-items-collapse [style*="border-bottom:1px solid #f5f3f0"] {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .checkout-cart-items-collapse [style*="border-top:2px solid #e5e2dd"] {
  border-top-color: #444 !important;
}

/* =============================================
   68. FLOATING CART BAR (mobile bottom) — Deep fix
   ============================================= */
html[data-theme="dark"] .floating-cart .btn-green {
  box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}

/* =============================================
   69. CART ITEMS — Alternating row backgrounds + Scrollbar
   ============================================= */

/* Cart items alternating backgrounds (custom.css sets #F9F9F9 and #fff) */
html[data-theme="dark"] .cart-items-scroll > .items,
html[data-theme="dark"] .section-cart > .items {
  background: #1e1e1e !important;
}
html[data-theme="dark"] .cart-items-scroll > .items:nth-child(even),
html[data-theme="dark"] .section-cart > .items:nth-child(even) {
  background: #1a1a1a !important;
}

/* Checkout cart items collapse — same alternating fix */
html[data-theme="dark"] .checkout-cart-items-collapse > .items {
  background: #1e1e1e !important;
}
html[data-theme="dark"] .checkout-cart-items-collapse > .items:nth-child(even) {
  background: #1a1a1a !important;
}

/* Drawer cart items — same alternating fix */
html[data-theme="dark"] .drawer-preview-cart .items {
  background: #1e1e1e !important;
}
html[data-theme="dark"] .drawer-preview-cart .items:nth-child(even) {
  background: #1a1a1a !important;
}

/* Cart items scrollbar dark mode */
html[data-theme="dark"] .cart-items-scroll::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.12) !important;
}
html[data-theme="dark"] .cart-items-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.2) !important;
}
html[data-theme="dark"] .cart-items-scroll::-webkit-scrollbar-track {
  background: transparent !important;
}

/* =============================================
   70. GENERIC WHITE BACKGROUND CATCH-ALL
   ============================================= */

/* Any element with inline background:white or background:#FFFFFF */
html[data-theme="dark"] [style*="background:white"],
html[data-theme="dark"] [style*="background: white"] {
  background: #1e1e1e !important;
}

/* Input group addons */
html[data-theme="dark"] .input-group-text {
  background: #252525;
  border-color: #333;
  color: #ccc;
}

/* Jumbotron */
html[data-theme="dark"] .jumbotron {
  background: #1a1a1a;
}

/* Well / panel */
html[data-theme="dark"] .well,
html[data-theme="dark"] .panel {
  background: #1e1e1e;
  border-color: #2a2a2a;
}

/* =============================================
   71. COOKIE CONSENT — Dark mode (GDPR banner)
   ============================================= */
html[data-theme="dark"] .sd-ck-overlay {
  background: rgba(0,0,0,0.6) !important;
}
html[data-theme="dark"] .sd-ck-banner {
  background: #1e1e1e !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .sd-ck-title {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-ck-text {
  color: #bbb !important;
}
html[data-theme="dark"] .sd-ck-text a {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .sd-ck-btn--essential {
  background: #2a2a2a !important;
  color: #ccc !important;
}
html[data-theme="dark"] .sd-ck-btn--essential:hover {
  background: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-ck-btn--settings {
  color: #999 !important;
  border-color: #444 !important;
}
html[data-theme="dark"] .sd-ck-btn--settings:hover {
  color: #FF8C3A !important;
  border-color: #FF8C3A !important;
}
html[data-theme="dark"] .sd-ck-links a,
html[data-theme="dark"] .sd-ck-modal-links a {
  color: #777 !important;
}
html[data-theme="dark"] .sd-ck-links a:hover,
html[data-theme="dark"] .sd-ck-modal-links a:hover {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .sd-ck-links-sep {
  color: #555 !important;
}
/* Settings Modal — Dark */
html[data-theme="dark"] .sd-ck-modal-card {
  background: #1e1e1e !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}
html[data-theme="dark"] .sd-ck-modal-header {
  border-bottom-color: #333 !important;
}
html[data-theme="dark"] .sd-ck-modal-title {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-ck-modal-close {
  background: #2a2a2a !important;
  color: #999 !important;
}
html[data-theme="dark"] .sd-ck-modal-close:hover {
  background: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-ck-modal-intro {
  color: #999 !important;
}
html[data-theme="dark"] .sd-ck-cat {
  background: #252525 !important;
}
html[data-theme="dark"] .sd-ck-cat-name {
  color: #ddd !important;
}
html[data-theme="dark"] .sd-ck-cat-badge--always {
  background: rgba(46,125,50,0.2) !important;
  color: #66BB6A !important;
}
html[data-theme="dark"] .sd-ck-cat-desc {
  color: #999 !important;
}
html[data-theme="dark"] .sd-ck-toggle-track {
  background: #444 !important;
}
html[data-theme="dark"] .sd-ck-toggle input:checked + .sd-ck-toggle-track {
  background: #FF6B00 !important;
}
html[data-theme="dark"] .sd-ck-toggle--disabled .sd-ck-toggle-track,
html[data-theme="dark"] .sd-ck-toggle--disabled input:checked + .sd-ck-toggle-track {
  background: #388E3C !important;
}
html[data-theme="dark"] .sd-ck-modal-footer {
  border-top-color: #333 !important;
}

/* =============================================
   72. CHECKOUT NEWSLETTER CARD — Gradient fix
   ============================================= */
html[data-theme="dark"] .checkout-newsletter-card {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .checkout-newsletter-card:hover {
  border-color: rgba(255,107,0,0.2) !important;
}

/* =============================================
   73. FV2 FILTER CHECKBOX — Dark background fix
   ============================================= */
html[data-theme="dark"] .fv2-cuisine-item input[type="checkbox"] {
  background: #1e1e1e !important;
  border-color: #555 !important;
}
html[data-theme="dark"] .fv2-cuisine-item input[type="checkbox"]:checked {
  background: #FF6B00 !important;
  border-color: #FF6B00 !important;
}

/* =============================================
   74. FEED CARD BADGES — White bg fix
   ============================================= */
html[data-theme="dark"] .card-horizontal .card-h-body .card-h-info-badges .info-badge {
  background: #252525 !important;
  border-color: #333 !important;
}

/* =============================================
   76. MOBILE CATEGORY NAV BAR (.cat-nav-*) — Full dark mode
   ============================================= */

/* Outer wrap */
html[data-theme="dark"] .cat-nav-wrap {
  background: #1a1a1a !important;
}
html[data-theme="dark"] .cat-nav-fixed {
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

/* Search input */
html[data-theme="dark"] .cat-nav-search-input {
  background: #252525 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .cat-nav-search-input:focus {
  border-color: #FF6B00 !important;
  background: #1e1e1e !important;
}
html[data-theme="dark"] .cat-nav-search-input::placeholder {
  color: #666 !important;
}
html[data-theme="dark"] .cat-nav-search-icon {
  color: #666 !important;
}
html[data-theme="dark"] .cat-nav-search-clear {
  color: #888 !important;
}
html[data-theme="dark"] .cat-nav-search-clear:hover {
  color: #ccc !important;
}
html[data-theme="dark"] .cat-nav-search-spinner .spinner-border-sm {
  color: #888 !important;
}

/* Search dropdown */
html[data-theme="dark"] .cat-nav-search-dropdown {
  background: #1e1e1e !important;
  border-color: #333 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .cat-nav-search-item {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .cat-nav-search-item:hover {
  background: #252525 !important;
}
html[data-theme="dark"] .cat-nav-search-item-name {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .cat-nav-search-item-price {
  color: #888 !important;
}

/* Category pills bar */
html[data-theme="dark"] .cat-nav-bar {
  background: #1a1a1a !important;
}

/* Category pill */
html[data-theme="dark"] .cat-nav-pill {
  color: #999 !important;
}
html[data-theme="dark"] .cat-nav-pill:hover {
  color: #ccc !important;
}
html[data-theme="dark"] .cat-nav-pill.active {
  background: #FF6B00 !important;
  color: #fff !important;
}
html[data-theme="dark"] .cat-nav-pill.active:hover {
  background: #e55f00 !important;
  color: #fff !important;
}

/* List button */
html[data-theme="dark"] .cat-nav-list-btn {
  color: #999 !important;
  border-left-color: #2a2a2a !important;
}
html[data-theme="dark"] .cat-nav-list-btn:active {
  background: #252525 !important;
}

/* Drawer */
html[data-theme="dark"] .cat-nav-drawer .el-drawer {
  background: #1a1a1a !important;
  border-radius: 16px 16px 0 0;
}
html[data-theme="dark"] .cat-nav-drawer .el-drawer__body {
  background: #1a1a1a !important;
}
html[data-theme="dark"] .cat-nav-drawer-header {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .cat-nav-drawer-title {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .cat-nav-drawer-close {
  background: #252525 !important;
  color: #999 !important;
}
html[data-theme="dark"] .cat-nav-drawer-close:active {
  background: #333 !important;
}
html[data-theme="dark"] .cat-nav-drawer-item {
  color: #ccc !important;
}
html[data-theme="dark"] .cat-nav-drawer-item:hover {
  background: #252525 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .cat-nav-drawer-item.active {
  color: #FF8C3A !important;
  background: rgba(255,107,0,0.08) !important;
}
html[data-theme="dark"] .cat-nav-drawer-item.active .cat-nav-drawer-count {
  background: #FF6B00 !important;
  color: #fff !important;
}
html[data-theme="dark"] .cat-nav-drawer-count {
  background: #252525 !important;
  color: #888 !important;
}

/* --- Pill icon dark mode --- */
html[data-theme="dark"] .cat-nav-pill-icon {
  filter: brightness(0.9) contrast(1.1);
}

/* --- Drawer group border --- */
html[data-theme="dark"] .cat-nav-drawer-group {
  border-bottom-color: #2a2a2a !important;
}

/* --- Drawer icon dark mode --- */
html[data-theme="dark"] .cat-nav-drawer-icon {
  filter: brightness(0.9) contrast(1.1);
}

/* --- Desktop sidebar icon dark mode --- */
html[data-theme="dark"] .sd-cat-sidebar-icon {
  filter: brightness(0.9) contrast(1.1);
}

/* --- Desktop sidebar count dark mode --- */
html[data-theme="dark"] .sd-cat-sidebar-count {
  background: #252525 !important;
  color: #888 !important;
}
html[data-theme="dark"] .sticky-sidebar .menu-category .nav-link.active .sd-cat-sidebar-count,
html[data-theme="dark"] .sticky-sidebar .menu-category li.active .nav-link .sd-cat-sidebar-count {
  background: #FF6B00 !important;
  color: #fff !important;
}

/* --- Menu page dish tags dark mode --- */
html[data-theme="dark"] .sd-menu-dish-tag {
  background: #2a2a2a !important;
  color: #999 !important;
}

/* =============================================
   77. MENU ITEM TAP/CLICK — Prevent white flash on mobile
   ============================================= */

/* Kill the default iOS/Android tap highlight */
html[data-theme="dark"] .list-item-rows,
html[data-theme="dark"] .list-item-rows a,
html[data-theme="dark"] .section-menu .el-card,
html[data-theme="dark"] .section-menu .el-card a,
html[data-theme="dark"] .section-menu a.highlight {
  -webkit-tap-highlight-color: transparent !important;
}

/* Ensure the <a> wrapper inside list-item-rows doesn't flash white */
html[data-theme="dark"] .section-menu a.highlight {
  background: transparent !important;
  color: inherit !important;
}
html[data-theme="dark"] .section-menu a.highlight:hover {
  background: rgba(255,255,255,0.04) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
}
html[data-theme="dark"] .section-menu a.highlight:active,
html[data-theme="dark"] .section-menu a.highlight:focus {
  background: rgba(255,255,255,0.06) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}

/* El-card link wrapper — same treatment */
html[data-theme="dark"] .section-menu .el-card a {
  background: transparent !important;
}
html[data-theme="dark"] .section-menu .el-card a:hover,
html[data-theme="dark"] .section-menu .el-card a:active,
html[data-theme="dark"] .section-menu .el-card a:focus {
  background: transparent !important;
  color: inherit !important;
}

/* Desktop sidebar category nav — dark mode */
html[data-theme="dark"] .sticky-sidebar .menu-category .nav-link {
  color: #999 !important;
}
html[data-theme="dark"] .sticky-sidebar .menu-category .nav-link:hover {
  background: #252525 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sticky-sidebar .menu-category .nav-link.active,
html[data-theme="dark"] .sticky-sidebar .menu-category li.active .nav-link {
  background: rgba(255,107,0,0.1) !important;
  color: #FF8C3A !important;
}

/* =============================================
   79. SIDEBAR SEARCH + CART DELIVERY INFO + FREE DELIVERY BAR
   ============================================= */

/* Sidebar search input */
html[data-theme="dark"] .sd-sidebar-search .menu-search-wrapper .el-input--large .el-input__wrapper {
  background: #252525 !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .sd-sidebar-search .menu-search-wrapper .el-input--large .el-input__wrapper:hover {
  background: #2a2a2a !important;
}
html[data-theme="dark"] .sd-sidebar-search .menu-search-wrapper .el-input--large .el-input__wrapper.is-focus {
  background: #1e1e1e !important;
  border-color: #FF8C3A !important;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.12) !important;
}
html[data-theme="dark"] .sd-sidebar-search .menu-search-dropdown {
  background: #1e1e1e !important;
  border-color: #333 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}

/* Cart delivery info */
html[data-theme="dark"] .sd-cart-delivery-info {
  background: #1e1e1e;
  border-color: #333;
}
html[data-theme="dark"] .sd-cart-delivery-info-inner {
  color: #FF8C3A;
}

/* Free delivery bar */
html[data-theme="dark"] .sd-free-delivery-bar {
  background: linear-gradient(135deg, rgba(255,107,0,0.08) 0%, rgba(255,107,0,0.05) 100%);
  border-color: rgba(255,107,0,0.2);
}
html[data-theme="dark"] .sd-free-delivery-label {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-free-delivery-track {
  background: rgba(255,107,0,0.08);
}
html[data-theme="dark"] .sd-free-delivery-fill {
  background: linear-gradient(90deg, #FF6B00 0%, #FF8C3A 100%);
}
html[data-theme="dark"] .sd-free-delivery-icon-wrap {
  box-shadow: 0 2px 8px rgba(255,107,0,0.3);
}

/* =============================================
   78. SMOOTH TRANSITIONS — Additional elements
   ============================================= */
html .sd-modal-content,
html .sd-modal-card,
html .sd-modal-card-icon,
html .sd-newsletter-form,
html .sd-newsletter-btn,
html .drawer-preview-cart .el-drawer,
html .bg-white,
html .bg-light,
html .btn-light,
html .cat-nav-wrap,
html .cat-nav-bar,
html .cat-nav-search-input,
html .cat-nav-drawer .el-drawer,
html .sd-addr-modal,
html .sd-addr-field input,
html .sd-addr-field textarea,
html .sd-addr-field select,
html .sd-addr-label-chip,
html .sd-addr-quick-tag,
html .sd-addr-footer,
html .seo-merchant-card,
html .seo-sidebar-section,
html .seo-chip,
html .seo-city-card {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* =============================================
   80. SD ADDRESS MODAL — Full Dark Mode
   ============================================= */

/* Overlay */
html[data-theme="dark"] .sd-addr-overlay {
  background: rgba(0,0,0,0.7);
}

/* Modal container */
html[data-theme="dark"] .sd-addr-modal {
  background: #1e1e1e !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}

/* Header */
html[data-theme="dark"] .sd-addr-header {
  background: #1e1e1e !important;
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-addr-close {
  background: #2a2a2a;
  color: #999;
}
html[data-theme="dark"] .sd-addr-close:hover {
  background: #333;
  color: #e0e0e0;
}

/* Error alert */
html[data-theme="dark"] .sd-addr-error {
  background: rgba(239,68,68,0.1);
  border-color: rgba(239,68,68,0.25);
  color: #f87171;
}

/* Search section */
html[data-theme="dark"] .sd-addr-search-bar .el-input__wrapper {
  background: #252525 !important;
  border-color: #333 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}
html[data-theme="dark"] .sd-addr-search-bar .el-input__wrapper:focus-within {
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.12) !important;
}
html[data-theme="dark"] .sd-addr-search-bar .el-input__inner {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-addr-search-bar .el-input__inner::placeholder {
  color: #666 !important;
}
html[data-theme="dark"] .sd-addr-locate-inline {
  color: #888;
}
html[data-theme="dark"] .sd-addr-locate-inline:hover {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-addr-search-hint {
  color: #666;
}

/* Autocomplete popper dropdown */
html[data-theme="dark"] .sd-addr-autocomplete-popper {
  background: #1e1e1e !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .sd-addr-autocomplete-popper .el-popper__arrow::before {
  background: #1e1e1e !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .sd-addr-autocomplete-popper .el-autocomplete-suggestion {
  background: #1e1e1e !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .sd-addr-autocomplete-popper .el-autocomplete-suggestion li {
  color: #ccc !important;
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .sd-addr-autocomplete-popper .el-autocomplete-suggestion li:hover,
html[data-theme="dark"] .sd-addr-autocomplete-popper .el-autocomplete-suggestion .highlighted {
  background: #252525 !important;
}

/* All Element Plus popper wrappers — dark mode */
html[data-theme="dark"] .el-popper.is-light {
  background: #1e1e1e !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .el-popper.is-light .el-popper__arrow::before {
  background: #1e1e1e !important;
  border-color: #333 !important;
}

/* Map section */
html[data-theme="dark"] .sd-addr-map-wrap {
  background: #252525;
}
html[data-theme="dark"] .sd-addr-map-info {
  background: #1e1e1e !important;
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-addr-map-info-text h6 {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-addr-map-info-text p {
  color: #888;
}
html[data-theme="dark"] .sd-addr-adjust-btn {
  border-color: #444;
  color: #ccc;
  background: transparent;
}
html[data-theme="dark"] .sd-addr-adjust-btn:hover {
  border-color: #FF6B00;
  color: #FF8C3A;
  background: rgba(255,107,0,0.08);
}

/* Map full (adjust pin view) */
html[data-theme="dark"] .sd-addr-map-full-header {
  background: #1e1e1e !important;
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-addr-map-full-header .sd-addr-back-btn {
  background: #2a2a2a;
  color: #999;
}
html[data-theme="dark"] .sd-addr-map-full-header .sd-addr-back-btn:hover {
  background: #333;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-addr-map-full-header h6 {
  color: #e0e0e0;
}

/* Floating search bar inside map */
html[data-theme="dark"] .sd-addr-map-search .el-input__wrapper {
  background: #1e1e1e !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .sd-addr-map-search .el-input__inner {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-addr-map-search .el-input__inner::placeholder {
  color: #666 !important;
}

/* FAB locate button */
html[data-theme="dark"] .sd-addr-fab-locate {
  background: #1e1e1e;
  color: #ccc;
  box-shadow: 0 3px 12px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .sd-addr-fab-locate:hover {
  background: #252525;
  color: #FF8C3A;
  box-shadow: 0 4px 16px rgba(255,107,0,0.2);
}

/* Form section */
html[data-theme="dark"] .sd-addr-section-title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-addr-section-hint {
  color: #777;
}

/* Form fields (input, textarea, select) */
html[data-theme="dark"] .sd-addr-field input,
html[data-theme="dark"] .sd-addr-field textarea,
html[data-theme="dark"] .sd-addr-field select {
  background: #252525 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-addr-field input:focus,
html[data-theme="dark"] .sd-addr-field textarea:focus,
html[data-theme="dark"] .sd-addr-field select:focus {
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.12) !important;
}
html[data-theme="dark"] .sd-addr-field label {
  color: #888 !important;
}
html[data-theme="dark"] .sd-addr-field input:focus ~ label,
html[data-theme="dark"] .sd-addr-field textarea:focus ~ label {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .sd-addr-field input:not(:focus):not(:placeholder-shown) ~ label,
html[data-theme="dark"] .sd-addr-field textarea:not(:focus):not(:placeholder-shown) ~ label {
  color: #777 !important;
}
html[data-theme="dark"] .sd-addr-field select ~ label {
  color: #777 !important;
}

/* Address label chips */
html[data-theme="dark"] .sd-addr-label-chip {
  border-color: #333 !important;
  background: #252525 !important;
  color: #aaa !important;
}
html[data-theme="dark"] .sd-addr-label-chip:hover {
  border-color: #444 !important;
  background: #2a2a2a !important;
}
html[data-theme="dark"] .sd-addr-label-chip.active {
  border-color: #FF6B00 !important;
  background: rgba(255,107,0,0.1) !important;
  color: #FF8C3A !important;
}

/* Quick action tags */
html[data-theme="dark"] .sd-addr-quick-tag {
  border-color: #333 !important;
  background: #252525 !important;
  color: #aaa !important;
}
html[data-theme="dark"] .sd-addr-quick-tag:hover {
  border-color: #FF6B00 !important;
  background: rgba(255,107,0,0.08) !important;
  color: #FF8C3A !important;
}

/* Footer */
html[data-theme="dark"] .sd-addr-footer {
  background: #1e1e1e !important;
  border-top-color: #2a2a2a;
}

/* Body scrollable area */
html[data-theme="dark"] .sd-addr-body {
  background: #1e1e1e !important;
}

/* Form section */
html[data-theme="dark"] .sd-addr-form {
  background: #1e1e1e !important;
}

/* Saved addresses section */
html[data-theme="dark"] .sd-addr-saved-item:hover,
html[data-theme="dark"] .sd-addr-saved-item:active {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-addr-saved-icon {
  background: #332200;
  color: #FF8C33;
}
html[data-theme="dark"] .sd-addr-saved-label {
  color: #ddd;
}
html[data-theme="dark"] .sd-addr-saved-addr {
  color: #888;
}
html[data-theme="dark"] .sd-addr-divider::before {
  background: #333;
}
html[data-theme="dark"] .sd-addr-divider span {
  background: #1e1e1e;
  color: #666;
}

/* Search section */
html[data-theme="dark"] .sd-addr-search-section {
  background: #1e1e1e !important;
}

/* Select dropdown — fix dashed border artifacts */
html[data-theme="dark"] .sd-addr-field select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  background-color: #252525 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px !important;
}
html[data-theme="dark"] .sd-addr-field select option {
  background: #1e1e1e !important;
  color: #e0e0e0 !important;
  border: none !important;
  outline: none !important;
}

/* =============================================
   80b. ADDRESS SELECTION DIALOG — Dark Mode
   ============================================= */

/* Dialog body background */
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .el-dialog__body {
  background: #1e1e1e !important;
}

/* Search input inside dialog */
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .el-autocomplete .el-input__wrapper {
  background: #252525 !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .el-autocomplete .el-input__wrapper:hover {
  border-color: #444 !important;
}
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .el-autocomplete .el-input__wrapper.is-focus {
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.12) !important;
  background: #1e1e1e !important;
}
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .el-autocomplete .el-input__inner {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .el-autocomplete .el-input__inner::placeholder {
  color: #666 !important;
}

/* Address list items */
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .list-with-icon-button li {
  background: #252525;
}
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .list-with-icon-button li:hover {
  background: #2a2a2a;
  border-color: rgba(255,107,0,0.2);
}
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .list-with-icon-button li h5 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .list-with-icon-button .rounded-pill.rounded-button-icon {
  background: #1e1e1e;
  border-color: #333;
  color: #999;
}
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .list-with-icon-button .rounded-pill.rounded-button-icon:hover {
  background: rgba(255,107,0,0.08);
  border-color: rgba(255,107,0,0.2);
  color: #FF8C3A;
}

/* Alert inside dialog */
html[data-theme="dark"] .el-dialog:has(.search-geocomplete) .alert-warning {
  background: rgba(251,191,36,0.08) !important;
  border-color: rgba(251,191,36,0.2) !important;
  color: #fbbf24 !important;
}

/* =============================================
   81. SEO LOCATION PAGES — Full Dark Mode
   ============================================= */

/* Page headings */
html[data-theme="dark"] .seo-h1 {
  color: #e0e0e0;
}
html[data-theme="dark"] .seo-h2 {
  color: #e0e0e0;
}
html[data-theme="dark"] .seo-h3 {
  color: #ccc;
}
html[data-theme="dark"] .seo-intro {
  color: #aaa;
}

/* Breadcrumbs */
html[data-theme="dark"] .seo-breadcrumb .breadcrumb-item.active {
  color: #777;
}
html[data-theme="dark"] .seo-breadcrumb .breadcrumb {
  background: transparent;
}

/* City cards (index page) */
html[data-theme="dark"] .seo-city-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .seo-city-card:hover {
  box-shadow: 0 2px 12px rgba(0,0,0,0.3);
  border-color: #FF6B00;
}
html[data-theme="dark"] .seo-city-card h5 {
  color: #e0e0e0;
}

/* Cuisine chips */
html[data-theme="dark"] .seo-chip {
  border-color: #333;
  color: #ccc;
  background: #1e1e1e;
}
html[data-theme="dark"] .seo-chip:hover {
  background: #FF6B00;
  color: #fff;
  border-color: #FF6B00;
}
html[data-theme="dark"] .badge-light.seo-chip {
  background: #252525;
  border-color: #333;
  color: #ccc;
}
html[data-theme="dark"] .badge-primary.seo-chip {
  background: #FF6B00;
  border-color: #FF6B00;
  color: #fff;
}

/* Sidebar sections (cities, areas, cuisines lists) */
html[data-theme="dark"] .seo-sidebar-section {
  background: #1e1e1e;
  border-color: #2a2a2a;
}

/* Area/cuisine list links */
html[data-theme="dark"] .seo-area-list li a {
  color: #ccc;
}
html[data-theme="dark"] .seo-area-list li a:hover {
  color: #FF8C3A;
}

/* Cuisine group sections */
html[data-theme="dark"] .seo-cuisine-group {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .seo-cuisine-group-header .seo-h2 a {
  color: #e0e0e0;
}
html[data-theme="dark"] .seo-cuisine-group-header .seo-h2 a:hover {
  color: #FF8C3A;
}
html[data-theme="dark"] .seo-cuisine-count {
  color: #777;
}

/* Merchant cards (restaurant cards) */
html[data-theme="dark"] .seo-merchant-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .seo-merchant-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
  border-color: #FF6B00;
}
html[data-theme="dark"] .seo-merchant-img {
  background: #252525;
}
html[data-theme="dark"] .seo-merchant-info h5 {
  color: #e0e0e0;
}
html[data-theme="dark"] .seo-merchant-rating {
  color: #ccc;
}
html[data-theme="dark"] .seo-merchant-addr {
  color: #777;
}

/* Restaurant card partial (rounded-box) */
html[data-theme="dark"] .seo-page .rounded-box {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .seo-page .rounded-box:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
  border-color: #FF6B00;
}
html[data-theme="dark"] .seo-page .rounded-box h5 {
  color: #e0e0e0;
}

/* FAQ section */
html[data-theme="dark"] .seo-faq {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .seo-faq-q {
  color: #e0e0e0;
}
html[data-theme="dark"] .seo-faq-a {
  color: #aaa;
}

/* Additional text block */
html[data-theme="dark"] .seo-additional-text {
  border-top-color: #2a2a2a;
  color: #bbb;
}
html[data-theme="dark"] .seo-additional-text h2 {
  color: #e0e0e0;
}
html[data-theme="dark"] .seo-additional-text h3 {
  color: #ccc;
}
html[data-theme="dark"] .seo-additional-text p {
  color: #bbb;
}
html[data-theme="dark"] .seo-additional-text ul li {
  color: #bbb;
}
html[data-theme="dark"] .seo-additional-text strong {
  color: #e0e0e0;
}

/* =============================================
   82. OLD ADDRESS MODAL (#ModalAddress) — Dark Mode
   ============================================= */

/* Modal body background */
html[data-theme="dark"] #ModalAddress .modal-body {
  background: #1e1e1e !important;
}

/* Address display row below map */
html[data-theme="dark"] #ModalAddress .modal-body > .row.mt-3 {
  background: #252525 !important;
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] #ModalAddress .modal-body > .row.mt-3 h5 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] #ModalAddress .modal-body > .row.mt-3 .btn-black {
  background: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] #ModalAddress .modal-body > .row.mt-3 .btn-black:hover {
  background: #444 !important;
}

/* Forms section */
html[data-theme="dark"] #ModalAddress .forms .form-control {
  background: #252525 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] #ModalAddress .forms .form-control:focus {
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.12) !important;
  background: #1e1e1e !important;
}
html[data-theme="dark"] #ModalAddress .forms .form-label-group label {
  color: #888 !important;
}

/* Section headings inside form */
html[data-theme="dark"] #ModalAddress .forms h5 {
  color: #ccc !important;
}
html[data-theme="dark"] #ModalAddress .forms p {
  color: #ccc !important;
}

/* Custom select inside modal */
html[data-theme="dark"] #ModalAddress .forms .custom-select,
html[data-theme="dark"] #ModalAddress .forms select.form-control {
  background-color: #252525 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] #ModalAddress .forms .custom-select:focus,
html[data-theme="dark"] #ModalAddress .forms select.form-control:focus {
  border-color: #FF6B00 !important;
  background-color: #1e1e1e !important;
}

/* Address label toggle buttons */
html[data-theme="dark"] #ModalAddress .btn-group-toggle .btn {
  border-color: #333 !important;
  background: #252525 !important;
  color: #aaa !important;
}
html[data-theme="dark"] #ModalAddress .btn-group-toggle .btn:hover {
  border-color: #444 !important;
  background: #2a2a2a !important;
}
html[data-theme="dark"] #ModalAddress .btn-group-toggle .btn.active {
  background: rgba(255,107,0,0.1) !important;
  border-color: #FF6B00 !important;
  color: #FF8C3A !important;
}

/* Error alert */
html[data-theme="dark"] #ModalAddress #error_message {
  background: rgba(251,191,36,0.08) !important;
  border-color: rgba(251,191,36,0.2) !important;
  color: #fbbf24 !important;
}

/* Modal footer */
html[data-theme="dark"] #ModalAddress .modal-footer {
  background: #1e1e1e !important;
  border-top-color: #2a2a2a !important;
}
html[data-theme="dark"] #ModalAddress .modal-footer .btn-black {
  background: #2a2a2a !important;
  color: #ccc !important;
  border-color: #333 !important;
}
html[data-theme="dark"] #ModalAddress .modal-footer .btn-black:hover {
  background: #333 !important;
  color: #e0e0e0 !important;
}

/* =============================================
   82b. OLD ADDRESS SELECT MODAL (#addressModal) — Dark Mode
   ============================================= */
html[data-theme="dark"] #addressModal .modal-body {
  background: #1e1e1e !important;
}
html[data-theme="dark"] #addressModal .modal-body > .row.mt-3 {
  background: #252525 !important;
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] #addressModal .modal-body > .row.mt-3 h5 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] #addressModal .forms .form-control {
  background: #252525 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] #addressModal .forms .form-control:focus {
  border-color: #FF6B00 !important;
  background: #1e1e1e !important;
}
html[data-theme="dark"] #addressModal .forms .form-label-group label {
  color: #888 !important;
}
html[data-theme="dark"] #addressModal .forms h5 {
  color: #ccc !important;
}
html[data-theme="dark"] #addressModal .forms .custom-select,
html[data-theme="dark"] #addressModal .forms select.form-control {
  background-color: #252525 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] #addressModal .forms .custom-select:focus,
html[data-theme="dark"] #addressModal .forms select.form-control:focus {
  border-color: #FF6B00 !important;
  background-color: #1e1e1e !important;
}
html[data-theme="dark"] #addressModal .btn-group-toggle .btn {
  border-color: #333 !important;
  background: #252525 !important;
  color: #aaa !important;
}
html[data-theme="dark"] #addressModal .btn-group-toggle .btn.active {
  background: rgba(255,107,0,0.1) !important;
  border-color: #FF6B00 !important;
  color: #FF8C3A !important;
}
html[data-theme="dark"] #addressModal .modal-footer {
  background: #1e1e1e !important;
  border-top-color: #2a2a2a !important;
}
html[data-theme="dark"] #addressModal .modal-footer .btn-black {
  background: #2a2a2a !important;
  color: #ccc !important;
  border-color: #333 !important;
}
html[data-theme="dark"] #addressModal #error_message {
  background: rgba(251,191,36,0.08) !important;
  border-color: rgba(251,191,36,0.2) !important;
  color: #fbbf24 !important;
}

/* =============================================
   83. CUSTOM-SELECT DROPDOWN — Dark Mode Arrow Fix
   ============================================= */

/* Fix the dropdown arrow SVG for dark mode (default is black arrow) */
html[data-theme="dark"] .custom-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") !important;
  background-color: #1e1e1e !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .custom-select:focus {
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.12) !important;
}
html[data-theme="dark"] .custom-select option {
  background: #1e1e1e;
  color: #e0e0e0;
}

/* =============================================
   84. ACCOUNT PAGES — Dark Mode Fixes
   ============================================= */

/* Account page #top-nav dark mode (mobile) */
html[data-theme="dark"] #top-nav {
  background: rgba(18,18,18,0.97) !important;
  border-bottom-color: #2a2a2a !important;
}

/* Sidebar dark mode */
html[data-theme="dark"] #sidebar {
  background: #1a1a1a !important;
  border-right-color: #2a2a2a !important;
}

/* Sidebar user section */
html[data-theme="dark"] .acct-sidebar-user {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .acct-user-info h6 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .acct-user-info p {
  color: #777 !important;
}
html[data-theme="dark"] .acct-avatar {
  border-color: #333 !important;
}

/* Sidebar menu items */
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu a,
html[data-theme="dark"] .siderbar-menu > li > a {
  color: #aaa !important;
}
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu a:hover,
html[data-theme="dark"] .siderbar-menu > li > a:hover {
  background: #252525 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu li.active a,
html[data-theme="dark"] .siderbar-menu > li.active > a,
html[data-theme="dark"] .siderbar-menu > li > a.active {
  background: rgba(255,107,0,0.1) !important;
  color: #FF8C3A !important;
}
html[data-theme="dark"] .siderbar-menu > li.active > a i,
html[data-theme="dark"] .siderbar-menu > li > a.active i {
  color: #FF8C3A !important;
}
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu .logout a {
  color: #f87171 !important;
  opacity: 1;
}
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu .logout a:hover {
  background: rgba(239,68,68,0.08) !important;
}

/* Account page background */
html[data-theme="dark"] body.column2-layout,
html[data-theme="dark"] body.column2-layout #main-container {
  background: #121212 !important;
}

/* Account page title */
html[data-theme="dark"] .acct-page-title {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .acct-page-title .acct-title-text h4 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .acct-page-title .acct-title-text p {
  color: #777 !important;
}

/* Account cards */
html[data-theme="dark"] .acct-card {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .acct-card-header {
  background: #1a1a1a !important;
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .acct-card-header h5 {
  color: #e0e0e0 !important;
}

/* Account form fields */
html[data-theme="dark"] .acct-form .form-control,
html[data-theme="dark"] .acct-card .form-control {
  background: #252525 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .acct-form .form-control:focus,
html[data-theme="dark"] .acct-card .form-control:focus {
  border-color: #FF6B00 !important;
  background: #1e1e1e !important;
}
html[data-theme="dark"] .acct-form .form-group label.acct-label {
  color: #888 !important;
}

/* Mobile account nav */
html[data-theme="dark"] #acct-mobile-nav {
  background: #1a1a1a !important;
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .acct-mobile-user-bar {
  background: #1a1a1a !important;
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .acct-mob-avatar {
  border-color: #333 !important;
}
html[data-theme="dark"] .acct-mob-user-info h6 {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .acct-mob-user-info p {
  color: #777 !important;
}
html[data-theme="dark"] .acct-mob-logout {
  background: rgba(239,68,68,0.08) !important;
  color: #f87171 !important;
}
html[data-theme="dark"] .acct-mobile-nav-scroll {
  background: #1a1a1a !important;
}
html[data-theme="dark"] .acct-mob-nav-item {
  color: #999 !important;
  background: #252525 !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .acct-mob-nav-item.active {
  color: #FF8C3A !important;
  background: rgba(255,107,0,0.1) !important;
  border-color: rgba(255,107,0,0.25) !important;
}

/* Notification cards */
html[data-theme="dark"] .sd-notif-premium-card {
  background: #1e1e1e !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}
html[data-theme="dark"] .sd-notif-premium-card.sd-notif-card-unread {
  background: linear-gradient(135deg, #1e1e1e 0%, #1a1a1a 100%) !important;
}
html[data-theme="dark"] .sd-notif-premium-title {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-notif-section-label {
  color: #777 !important;
}
html[data-theme="dark"] .sd-notif-clear-btn {
  border-color: #333 !important;
  color: #aaa !important;
}
html[data-theme="dark"] .sd-notif-clear-btn:hover {
  border-color: #FF6B00 !important;
  color: #FF8C3A !important;
}

/* Sidebar zmdi icon colors (::after pseudo-elements) */
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu a::after {
  color: #777 !important;
}
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu a:hover::after {
  color: #aaa !important;
}
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu li.active a::after {
  color: #FF8C3A !important;
}
html[data-theme="dark"] body.column2-layout #sidebar .siderbar-menu .logout a::after {
  color: #f87171 !important;
}

/* Sidebar user card gradient in dark mode */
html[data-theme="dark"] .acct-sidebar-user {
  background: linear-gradient(135deg, rgba(255,107,0,0.06) 0%, rgba(255,107,0,0.03) 100%) !important;
  border-color: rgba(255,107,0,0.12) !important;
}
html[data-theme="dark"] .acct-sidebar-user:hover {
  border-color: rgba(255,107,0,0.2) !important;
}

/* =============================================
   DARK MODE FIX #1: Header Icons — Unified Colors
   ============================================= */

/* Bell icon: unified color #ccc in dark (matches cart + hamburger) */
html[data-theme="dark"] .sd-header-notification .notification-dropdown .btn::before,
html[data-theme="dark"] .sd-header-menu .notification-dropdown .btn::before,
html[data-theme="dark"] #vue-cart-preview .notification-dropdown .btn::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E") !important;
}

/* All header action buttons: unified hover background */
html[data-theme="dark"] .sd-header-notification .notification-dropdown .btn:hover,
html[data-theme="dark"] .sd-header-notification .notification-dropdown .btn:focus,
html[data-theme="dark"] .sd-header-menu .notification-dropdown .btn:hover,
html[data-theme="dark"] #vue-cart-preview .notification-dropdown .btn:hover {
  background: rgba(255,255,255,0.08) !important;
}
html[data-theme="dark"] .sd-cart-btn {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-cart-btn:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-mobile-menu-btn {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-mobile-menu-btn:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-more-btn {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-more-btn:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #e0e0e0 !important;
}

/* User button in dark mode */
html[data-theme="dark"] .sd-user-btn {
  color: #e0e0e0 !important;
  background: rgba(255,255,255,0.08) !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .sd-user-btn:hover {
  background: rgba(255,255,255,0.12) !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-user-avatar {
  background: rgba(255,255,255,0.1) !important;
}
html[data-theme="dark"] .sd-user-avatar svg {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-user-chevron {
  color: #888 !important;
}

/* Sign-in button dark mode */
html[data-theme="dark"] .sd-signin-btn {
  color: #e0e0e0 !important;
  background: rgba(255,255,255,0.08) !important;
}
html[data-theme="dark"] .sd-signin-btn:hover {
  background: rgba(255,255,255,0.12) !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-signin-btn svg {
  color: #ccc !important;
}

/* Notification badge border matches dark header */
html[data-theme="dark"] .sd-header-notification .notification-dropdown .btn > .badge,
html[data-theme="dark"] .sd-header-notification .notification-dropdown .btn > .count,
html[data-theme="dark"] .sd-header-notification .notification-dropdown .btn > span.badge,
html[data-theme="dark"] .sd-header-menu .notification-dropdown .btn > .badge,
html[data-theme="dark"] .sd-header-menu .notification-dropdown .btn > .count,
html[data-theme="dark"] #vue-cart-preview .notification-dropdown .btn > .badge,
html[data-theme="dark"] #vue-cart-preview .notification-dropdown .btn > .count,
html[data-theme="dark"] .notification-dropdown .btn > span.badge.badge-danger.count {
  border-color: #1a1a1a !important;
}
html[data-theme="dark"] .sd-cart-badge {
  border: 1.5px solid #1a1a1a;
}

/* =============================================
   DARK MODE FIX #2: Newsletter Box in Footer
   ============================================= */
html[data-theme="dark"] .sd-footer-newsletter {
  background: transparent !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .sd-footer-newsletter-label {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-newsletter-form {
  background: #1e1e1e !important;
  border-color: #333 !important;
}
html[data-theme="dark"] .sd-newsletter-form:focus-within {
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(255,107,0,0.12) !important;
}
html[data-theme="dark"] .sd-newsletter-form .el-input .el-input__wrapper {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .sd-newsletter-form .el-input .el-input__inner {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-newsletter-form .el-input .el-input__inner::placeholder {
  color: #666 !important;
}
html[data-theme="dark"] .sd-newsletter-btn {
  background: #FF6B00 !important;
  border-color: #FF6B00 !important;
  color: #fff !important;
}
html[data-theme="dark"] .sd-newsletter-btn:hover {
  background: #E05E00 !important;
  border-color: #E05E00 !important;
}
html[data-theme="dark"] .sd-newsletter-success {
  color: #ccc;
}
html[data-theme="dark"] .sd-newsletter-success p {
  color: #999 !important;
}

/* Homepage search dropdown — dark mode (comprehensive) */
html[data-theme="dark"] .sd-search-box .search-geocomplete-results {
  background: #1e1e1e !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important;
  overflow: hidden !important;
}
html[data-theme="dark"] .sd-search-box .search-geocomplete-results ul,
html[data-theme="dark"] .sd-search-box .search-geocomplete-results .dc-results-list,
html[data-theme="dark"] .sd-search-box .search-geocomplete-results .list-unstyled {
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  background-color: transparent !important;
  margin: 0 !important;
}
html[data-theme="dark"] .sd-search-box .search-geocomplete-results li {
  border-bottom: 1px solid #2a2a2a !important;
  background: none !important;
  background-color: transparent !important;
}
html[data-theme="dark"] .sd-search-box .search-geocomplete-results li:last-child {
  border-bottom: none !important;
}
html[data-theme="dark"] .sd-search-box .search-geocomplete-results a {
  color: #e0e0e0 !important;
  background: url("../images/pinb.png") no-repeat 15px center transparent !important;
  background-size: 19px !important;
}
html[data-theme="dark"] .sd-search-box .search-geocomplete-results a:hover {
  background: url("../images/pinb.png") no-repeat 15px center #252525 !important;
  background-size: 19px !important;
}
html[data-theme="dark"] .sd-search-box .search-geocomplete-results h6,
html[data-theme="dark"] .sd-search-box .search-geocomplete-results .dc-result-title {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-search-box .search-geocomplete-results a:hover h6,
html[data-theme="dark"] .sd-search-box .search-geocomplete-results a:hover .dc-result-title {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .sd-search-box .search-geocomplete-results p,
html[data-theme="dark"] .sd-search-box .search-geocomplete-results .dc-result-subtitle {
  color: #777 !important;
}

/* Element Plus autocomplete popper (used by some address components) */
html[data-theme="dark"] .el-autocomplete-suggestion {
  background: #1e1e1e !important;
  border-color: #333 !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important;
}
html[data-theme="dark"] .el-autocomplete-suggestion li {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .el-autocomplete-suggestion li:hover {
  background: #252525 !important;
}

/* Google Places autocomplete container */
html[data-theme="dark"] .pac-container {
  background: #1e1e1e !important;
  border-color: #333 !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important;
  border-radius: 12px !important;
}
html[data-theme="dark"] .pac-item {
  border-top-color: #2a2a2a !important;
  color: #e0e0e0 !important;
  background: #1e1e1e !important;
}
html[data-theme="dark"] .pac-item:hover {
  background: #252525 !important;
}
html[data-theme="dark"] .pac-item-query {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .pac-matched {
  color: #FF8C3A !important;
}

/* =============================================
   DARK MODE FIX #4: Delivery Time Modal — Segmented Control Text
   ============================================= */

/* Segmented control item text — must be light in dark mode */
html[data-theme="dark"] .sd-seg-item {
  color: #999 !important;
}
html[data-theme="dark"] .sd-seg-item.active {
  color: #e0e0e0 !important;
}

/* Modal title */
html[data-theme="dark"] .sd-modal-title {
  color: #e0e0e0 !important;
}

/* Modal close button */
html[data-theme="dark"] .sd-modal-close {
  background: #2a2a2a !important;
  color: #ccc !important;
}
html[data-theme="dark"] .sd-modal-close:hover {
  background: #333 !important;
  color: #e0e0e0 !important;
}

/* Select trigger and dropdown */
html[data-theme="dark"] .sd-select-trigger {
  background: #252525 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-select-trigger:hover,
html[data-theme="dark"] .sd-select-trigger:focus {
  border-color: #FF6B00 !important;
}
html[data-theme="dark"] .sd-select-dropdown {
  background: #1e1e1e !important;
  border-color: #333 !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .sd-select-option {
  color: #ccc !important;
}
html[data-theme="dark"] .sd-select-option:hover {
  background: #252525 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .sd-select-option.selected,
html[data-theme="dark"] .sd-select-option--selected {
  color: #FF8C3A !important;
}

/* Save button in modal */
html[data-theme="dark"] .sd-modal-btn-primary {
  background: #FF6B00 !important;
  color: #fff !important;
}
html[data-theme="dark"] .sd-modal-btn-primary:hover:not(:disabled) {
  background: #E05E00 !important;
}
html[data-theme="dark"] .sd-modal-btn-primary:disabled {
  background: #333 !important;
  color: #666 !important;
}

/* Mobile bottom sheet modal header/footer background fix */
@media (max-width: 991px) {
  html[data-theme="dark"] .sd-modal .sd-modal-content.sd-modal-mobile .sd-modal-header {
    background: #1e1e1e !important;
  }
  html[data-theme="dark"] .sd-modal .sd-modal-content.sd-modal-mobile .sd-modal-header::before {
    background: #444 !important;
  }
  html[data-theme="dark"] .sd-modal .sd-modal-content.sd-modal-mobile .sd-modal-footer {
    background: #1e1e1e !important;
  }
}

/* Alert inside modal */
html[data-theme="dark"] .sd-modal-alert {
  background: rgba(255,193,7,0.08) !important;
  border-color: rgba(255,193,7,0.15) !important;
  color: #ffc107 !important;
}

/* =============================================
   DARK MODE FIX #5: Addon "Show More" Button in Item Popup
   ============================================= */
html[data-theme="dark"] .addon-show-more-wrap {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .addon-show-more-btn {
  color: #FF8C3A !important;
  background: rgba(255,107,0,0.08) !important;
  border-color: rgba(255,107,0,0.15) !important;
}
html[data-theme="dark"] .addon-show-more-btn:hover {
  background: rgba(255,107,0,0.15) !important;
  color: #FF6B00 !important;
}
html[data-theme="dark"] .addon-show-more-btn .zmdi {
  color: inherit !important;
}

/* =============================================
   DARK MODE FIX #6: Cart Sidebar Drawer
   Uses dc-* utility classes (defined in custom.css,
   applied in front.bundle.js cart drawer template)
   ============================================= */

/* Drawer background + shadow */
html[data-theme="dark"] .drawer-preview-cart {
  background: #1a1a1a !important;
  box-shadow: -8px 0 40px rgba(0,0,0,0.4) !important;
}

/* dc-* utility class dark overrides */
html[data-theme="dark"] .dc-text-primary {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .dc-text-muted {
  color: #777 !important;
}
html[data-theme="dark"] .dc-text-secondary {
  color: #999 !important;
}
html[data-theme="dark"] .dc-text-subtle {
  color: #666 !important;
}
html[data-theme="dark"] .dc-text-icon {
  color: #555 !important;
}
html[data-theme="dark"] .dc-text-icon:hover {
  color: #f87171 !important;
}
html[data-theme="dark"] .dc-text-danger {
  color: #f87171 !important;
}
html[data-theme="dark"] .dc-border-bottom {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .dc-cart-error {
  background: rgba(239,68,68,0.08) !important;
  border-color: rgba(239,68,68,0.15) !important;
  color: #f87171 !important;
}

/* Quantity display */
html[data-theme="dark"] .drawer-cart-body .qty {
  color: #e0e0e0 !important;
}

/* Quantity buttons */
html[data-theme="dark"] .drawer-preview-cart .qty-btn {
  background: #252525 !important;
  border-color: #333 !important;
  color: #ccc !important;
}
html[data-theme="dark"] .drawer-preview-cart .qty-btn:hover {
  background: #333 !important;
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .drawer-preview-cart .qty-btn[data-id="plus"] {
  background: rgba(255,107,0,0.12) !important;
  color: #FF8C3A !important;
}
html[data-theme="dark"] .drawer-preview-cart .qty-btn[data-id="plus"]:hover {
  background: rgba(255,107,0,0.2) !important;
  color: #FF6B00 !important;
}

/* Note button */
html[data-theme="dark"] .drawer-preview-cart .cart-note-btn {
  color: #777 !important;
}
html[data-theme="dark"] .drawer-preview-cart .cart-note-btn:hover {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .drawer-preview-cart .cart-note-btn.has-note {
  color: #FF8C3A !important;
}

/* Scrollbar */
html[data-theme="dark"] .drawer-cart-body {
  scrollbar-color: rgba(255,255,255,0.08) transparent;
}
html[data-theme="dark"] .drawer-cart-body::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.08);
}

/* Sticky footer */
html[data-theme="dark"] .drawer-cart-sticky-footer {
  background: #1a1a1a !important;
  border-top-color: #2a2a2a !important;
}

/* =============================================
   DARK MODE FIX #7: Address Dropdown Results
   Uses dc-results-list class (defined in custom.css,
   applied in front.bundle.js autocomplete template)
   ============================================= */
html[data-theme="dark"] .dc-results-list {
  border-color: #333 !important;
  background: #1e1e1e !important;
}
html[data-theme="dark"] .dc-results-list li {
  border-bottom-color: #2a2a2a !important;
}
html[data-theme="dark"] .dc-results-list a {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .dc-results-list a:hover {
  background: #252525 !important;
}
html[data-theme="dark"] .dc-result-title {
  color: #e0e0e0 !important;
}
html[data-theme="dark"] .dc-result-title:hover,
html[data-theme="dark"] a:hover .dc-result-title {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .dc-result-subtitle {
  color: #777 !important;
}

/* =============================================
   82. CUISINE PAGE (sd-cp-*) — Dark Mode
   ============================================= */

/* Breadcrumb */
html[data-theme="dark"] .sd-cp-breadcrumb .breadcrumb-item a {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-cp-breadcrumb .breadcrumb-item.active {
  color: #777;
}
html[data-theme="dark"] .sd-cp-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #555;
}

/* Hero */
html[data-theme="dark"] .sd-cp-h1 {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-cp-intro {
  color: #aaa;
}
html[data-theme="dark"] .sd-cp-stat {
  background: #1e1e1e;
  color: #aaa;
}
html[data-theme="dark"] .sd-cp-stat i {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-cp-stat strong {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-cp-hero__img {
  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}

/* Section title */
html[data-theme="dark"] .sd-cp-section-title {
  color: #e0e0e0;
}

/* Cuisine chips */
html[data-theme="dark"] .sd-cp-cuisines {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-cp-chip {
  background: #1e1e1e;
  border-color: #333;
  color: #ccc;
}
html[data-theme="dark"] .sd-cp-chip:hover {
  border-color: #FF6B00;
  box-shadow: 0 2px 8px rgba(255,107,0,0.2);
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-cp-chip__name {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-cp-chip__count {
  color: #777;
}

/* Feed */
html[data-theme="dark"] .sd-cp-feed__sub {
  color: #777;
}

/* Empty state */
html[data-theme="dark"] .sd-cp-empty__icon {
  color: #444;
}
html[data-theme="dark"] .sd-cp-empty h3 {
  color: #ccc;
}
html[data-theme="dark"] .sd-cp-empty p {
  color: #888;
}

/* Restaurant cards */
html[data-theme="dark"] .sd-cp-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-cp-card:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.4);
  border-color: #FF6B00;
}
html[data-theme="dark"] .sd-cp-card__img {
  background: #252525;
}
html[data-theme="dark"] .sd-cp-card__name {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-cp-card__cuisines {
  color: #888;
}
html[data-theme="dark"] .sd-cp-card__meta {
  color: #777;
}
html[data-theme="dark"] .sd-cp-card__next {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-cp-card__promo-line {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-cp-card__addr {
  color: #777;
}

/* Skeleton */
html[data-theme="dark"] .sd-cp-card--skeleton .sd-cp-card__img {
  background: #252525;
}

/* SEO grid */
html[data-theme="dark"] .sd-cp-seo-grid {
  border-top-color: #2a2a2a;
}

/* Lightweight restaurant text list */
html[data-theme="dark"] .sd-cp-rest-list__title {
  color: #ccc;
}
html[data-theme="dark"] .sd-cp-rest-list__ul li {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-cp-rest-list__ul li a {
  color: #aaa;
}
html[data-theme="dark"] .sd-cp-rest-list__ul li a:hover {
  color: #FF8C3A;
}

/* City cards */
html[data-theme="dark"] .sd-cp-cities {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .sd-cp-city-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-cp-city-card:hover {
  border-color: #FF6B00;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .sd-cp-city-card__name {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-cp-city-card__count {
  color: #777;
}

/* Additional text */
html[data-theme="dark"] .sd-cp-additional {
  border-top-color: #2a2a2a;
  color: #bbb;
}
html[data-theme="dark"] .sd-cp-additional h2 {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-cp-additional h3 {
  color: #ccc;
}
html[data-theme="dark"] .sd-cp-additional p {
  color: #bbb;
}
html[data-theme="dark"] .sd-cp-additional ul li {
  color: #bbb;
}
html[data-theme="dark"] .sd-cp-additional strong {
  color: #e0e0e0;
}

/* FAQ */
html[data-theme="dark"] .sd-cp-faq {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .sd-cp-faq__item {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-cp-faq__item[open] {
  border-color: #FF6B00;
}
html[data-theme="dark"] .sd-cp-faq__q {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-cp-faq__q:hover {
  background: #252525;
}
html[data-theme="dark"] .sd-cp-faq__q::after {
  color: #666;
}
html[data-theme="dark"] .sd-cp-faq__item[open] .sd-cp-faq__q::after {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-cp-faq__a {
  color: #aaa;
}

/* =============================================
   83. CUISINE INDEX PAGE (sd-ci-*) — Dark Mode
   ============================================= */

html[data-theme="dark"] .sd-ci {
  background: #121212;
}

/* Hero */
html[data-theme="dark"] .sd-ci-hero {
  background: linear-gradient(135deg, #1a1000 0%, #2a1500 100%);
}
html[data-theme="dark"] .sd-ci-hero__title {
  color: #f0f0f0;
}
html[data-theme="dark"] .sd-ci-hero__sub {
  color: #bbb;
}
html[data-theme="dark"] .sd-ci-hero__stats .sd-cp-stat {
  background: rgba(255,255,255,0.08);
  color: #ccc;
}
html[data-theme="dark"] .sd-ci-hero__stats .sd-cp-stat strong {
  color: #f0f0f0;
}

/* Search */
html[data-theme="dark"] .sd-ci-search__input {
  background: #1e1e1e;
  border-color: #333;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-ci-search__input:focus {
  border-color: #FF6B00;
  background: #252525;
}
html[data-theme="dark"] .sd-ci-search__input::placeholder {
  color: #666;
}
html[data-theme="dark"] .sd-ci-search__icon {
  color: #666;
}

/* Cuisine grid cards */
html[data-theme="dark"] .sd-ci-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-ci-card:hover {
  border-color: #FF6B00;
  box-shadow: 0 6px 24px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .sd-ci-card__name {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-ci-card__count {
  color: #888;
}
html[data-theme="dark"] .sd-ci-card__arrow {
  color: #555;
}
html[data-theme="dark"] .sd-ci-card:hover .sd-ci-card__arrow {
  color: #FF8C3A;
}

/* Popular cities */
html[data-theme="dark"] .sd-ci-popular {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .sd-ci-city-chip {
  background: #1e1e1e;
  border-color: #333;
  color: #ccc;
}
html[data-theme="dark"] .sd-ci-city-chip:hover {
  border-color: #FF6B00;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-ci-city-chip__count {
  color: #666;
}

/* Intro / additional / FAQ (reuse sd-cp dark for these) */
html[data-theme="dark"] .sd-ci-intro {
  color: #aaa;
}
html[data-theme="dark"] .sd-ci-additional {
  border-top-color: #2a2a2a;
  color: #bbb;
}
html[data-theme="dark"] .sd-ci-additional h2 {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-ci-additional h3 {
  color: #ccc;
}
html[data-theme="dark"] .sd-ci-additional p {
  color: #bbb;
}
html[data-theme="dark"] .sd-ci-additional ul li {
  color: #bbb;
}
html[data-theme="dark"] .sd-ci-additional strong {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-ci-faq {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .sd-ci-faq .sd-cp-faq__item {
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-ci-faq .sd-cp-faq__item[open] {
  border-color: #FF6B00;
}
html[data-theme="dark"] .sd-ci-faq .sd-cp-faq__q {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-ci-faq .sd-cp-faq__q:hover {
  background: #252525;
}
html[data-theme="dark"] .sd-ci-faq .sd-cp-faq__a {
  color: #aaa;
}

/* =============================================
   REVIEW MODAL — Dark Mode
   ============================================= */
html[data-theme="dark"] .sd-review-modal {
  background: #1e1e1e;
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
}
html[data-theme="dark"] .sd-review-modal__header {
  border-color: #333;
}
html[data-theme="dark"] .sd-review-modal__title {
  color: #f0f0f0;
}
html[data-theme="dark"] .sd-review-modal__close {
  color: #888;
}
html[data-theme="dark"] .sd-review-modal__close:hover {
  background: #2a2a2a;
  color: #ddd;
}
html[data-theme="dark"] .sd-review-modal__body {
  color: #ccc;
}
html[data-theme="dark"] .sd-review-modal__body::-webkit-scrollbar-thumb {
  background: #444;
}
html[data-theme="dark"] .sd-review-cats {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .sd-review-cat:not(:last-child) {
  border-color: #333;
}
html[data-theme="dark"] .sd-review-cat__icon--food {
  background: #3a2a1a;
  color: #FF8F3F;
}
html[data-theme="dark"] .sd-review-cat__icon--delivery {
  background: #1a2a3a;
  color: #64B5F6;
}
html[data-theme="dark"] .sd-review-cat__icon--value {
  background: #1a3a2a;
  color: #66BB6A;
}
html[data-theme="dark"] .sd-review-cat__label {
  color: #ccc;
}
html[data-theme="dark"] .sd-review-section__label {
  color: #aaa;
}
/* Textarea */
html[data-theme="dark"] .sd-review-textarea {
  background: #252525;
  border-color: #444;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-review-textarea::placeholder {
  color: rgba(255,255,255,0.35) !important;
}
html[data-theme="dark"] .sd-review-textarea:focus {
  background: #2a2a2a;
  border-color: #FF6B00;
  box-shadow: 0 0 0 3px rgba(255,107,0,.15);
}
/* Tagify */
html[data-theme="dark"] .sd-review-modal .tagify {
  background: #252525;
  border-color: #444;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-review-modal .tagify:focus-within,
html[data-theme="dark"] .sd-review-modal .tagify--focus {
  background: #2a2a2a;
  border-color: #FF6B00;
  box-shadow: 0 0 0 3px rgba(255,107,0,.15);
}
html[data-theme="dark"] .sd-review-modal .tagify__input::before {
  color: rgba(255,255,255,0.35) !important;
}
html[data-theme="dark"] .sd-review-modal .tagify__input {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-review-modal .tagify__tag {
  background: #333;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-review-modal .tagify__tag > div {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-review-modal .tagify__tag__removeBtn {
  color: #aaa;
}
html[data-theme="dark"] .sd-review-modal .tagify__tag__removeBtn:hover {
  color: #fff;
  background: #555;
}
/* Dropzone */
html[data-theme="dark"] .sd-review-dropzone .dropzone {
  background: #252525;
  border-color: #444;
}
html[data-theme="dark"] .sd-review-dropzone .dropzone:hover,
html[data-theme="dark"] .sd-review-dropzone .dropzone.dz-drag-hover {
  background: #2a2218;
  border-color: #FF6B00;
}
html[data-theme="dark"] .sd-review-dropzone .dz-message {
  color: #777;
}
html[data-theme="dark"] .sd-review-dropzone .dz-preview .dz-details {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-review-dropzone .dz-preview .dz-filename span,
html[data-theme="dark"] .sd-review-dropzone .dz-preview .dz-size span {
  color: #ccc;
}
/* Anonymous toggle */
html[data-theme="dark"] .sd-review-anon {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .sd-review-anon:hover {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-review-anon__check {
  border-color: #555;
}
html[data-theme="dark"] .sd-review-anon__text {
  color: #bbb;
}
/* Errors */
html[data-theme="dark"] .sd-review-errors {
  background: #3a2a1a;
  border-color: #5a3a1a;
}
html[data-theme="dark"] .sd-review-errors p {
  color: #ffaa55;
}
/* Footer */
html[data-theme="dark"] .sd-review-modal__footer {
  border-color: #333;
}
/* Already-reviewed card */
html[data-theme="dark"] .sd-review-already {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .sd-review-already__title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-review-already__text {
  color: #aaa;
}

/* ============================================================
   DARK MODE: SD FEEDBACK WIDGET (sd-fb-*)
   ============================================================ */
html[data-theme="dark"] .sd-fb-trigger {
  background: linear-gradient(135deg, #e05e00 0%, #cc7a30 100%);
  box-shadow: 0 4px 16px rgba(224,94,0,0.35);
}
html[data-theme="dark"] .sd-fb-overlay {
  background: rgba(0,0,0,0.65);
}
html[data-theme="dark"] .sd-fb-popup {
  background: #1e1e1e;
  box-shadow: 0 -4px 40px rgba(0,0,0,0.4);
}
@media (min-width: 768px) {
  html[data-theme="dark"] .sd-fb-popup {
    box-shadow: 0 12px 48px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.06);
  }
}
html[data-theme="dark"] .sd-fb-header {
  border-bottom-color: #2a2a2a;
}
html[data-theme="dark"] .sd-fb-header__title {
  color: #f1f1f1;
}
html[data-theme="dark"] .sd-fb-back,
html[data-theme="dark"] .sd-fb-close {
  background: #2a2a2a;
  color: #aaa;
}
html[data-theme="dark"] .sd-fb-back:hover,
html[data-theme="dark"] .sd-fb-close:hover {
  background: #333;
  color: #ddd;
}
html[data-theme="dark"] .sd-fb-type-card {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .sd-fb-type-card:hover {
  border-color: #FF6B00;
  background: rgba(255,107,0,0.08);
}
html[data-theme="dark"] .sd-fb-type-card__icon--problem { background: rgba(239,68,68,0.12); }
html[data-theme="dark"] .sd-fb-type-card__icon--suggestion { background: rgba(245,158,11,0.12); }
html[data-theme="dark"] .sd-fb-type-card__icon--praise { background: rgba(34,197,94,0.12); }
html[data-theme="dark"] .sd-fb-type-card__title { color: #e0e0e0; }
html[data-theme="dark"] .sd-fb-type-card__desc { color: #777; }
html[data-theme="dark"] .sd-fb-type-card__arrow { color: #555; }
html[data-theme="dark"] .sd-fb-type-card:hover .sd-fb-type-card__arrow { color: #FF6B00; }
html[data-theme="dark"] .sd-fb-field__label { color: #bbb; }
html[data-theme="dark"] .sd-fb-field__optional { color: #666; }
html[data-theme="dark"] .sd-fb-field__select {
  background-color: #252525;
  border-color: #3a3a3a;
  color: #e0e0e0;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html[data-theme="dark"] .sd-fb-field__select:focus {
  border-color: #FF6B00;
  background-color: #2a2a2a;
}
html[data-theme="dark"] .sd-fb-field__textarea {
  background: #252525;
  border-color: #3a3a3a;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-fb-field__textarea:focus {
  border-color: #FF6B00;
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-fb-field__counter { color: #555; }
html[data-theme="dark"] .sd-fb-star { color: #444; }
html[data-theme="dark"] .sd-fb-star--active { color: #F59E0B; }
html[data-theme="dark"] .sd-fb-upload {
  border-color: #3a3a3a;
  color: #777;
}
html[data-theme="dark"] .sd-fb-upload:hover {
  border-color: #FF6B00;
  background: rgba(255,107,0,0.05);
  color: #FF6B00;
}
html[data-theme="dark"] .sd-fb-upload--drag {
  border-color: #FF6B00;
  background: rgba(255,107,0,0.08);
}
html[data-theme="dark"] .sd-fb-preview { border-color: #333; }
html[data-theme="dark"] .sd-fb-preview__loader { background: rgba(30,30,30,0.7); }
html[data-theme="dark"] .sd-fb-preview__loader::after {
  border-color: #444;
  border-top-color: #FF6B00;
}
html[data-theme="dark"] .sd-fb-error {
  background: rgba(220,38,38,0.12);
  color: #f87171;
}
html[data-theme="dark"] .sd-fb-submit {
  background: linear-gradient(135deg, #e05e00 0%, #cc7a30 100%);
  box-shadow: 0 4px 16px rgba(224,94,0,0.3);
}
html[data-theme="dark"] .sd-fb-thanks__icon {
  background: linear-gradient(135deg, rgba(34,197,94,0.15), rgba(34,197,94,0.08));
}
html[data-theme="dark"] .sd-fb-thanks__title { color: #f1f1f1; }
html[data-theme="dark"] .sd-fb-thanks__msg { color: #888; }
html[data-theme="dark"] .sd-fb-hint {
  background: rgba(59,130,246,0.08);
  border-color: rgba(59,130,246,0.2);
  color: #60a5fa;
}
html[data-theme="dark"] .sd-fb-login__icon {
  background: linear-gradient(135deg, rgba(255,107,0,0.15), rgba(255,107,0,0.08));
}
html[data-theme="dark"] .sd-fb-login__title { color: #f1f1f1; }
html[data-theme="dark"] .sd-fb-login__desc { color: #888; }
html[data-theme="dark"] .sd-fb-login__btn {
  background: linear-gradient(135deg, #e05e00 0%, #cc7a30 100%);
  box-shadow: 0 4px 16px rgba(224,94,0,0.3);
}
html[data-theme="dark"] .sd-fb-login__link { color: #777; }
html[data-theme="dark"] .sd-fb-login__link strong { color: #FF8C3A; }
html[data-theme="dark"] .sd-fb-login__link:hover { color: #aaa; }
html[data-theme="dark"] .sd-fb-login__link:hover strong { color: #FF6B00; }

/* =============================================
   BACK TO TOP — Dark Mode (sd-btt)
   ============================================= */
html[data-theme="dark"] .sd-btt {
  background: rgba(30, 30, 30, 0.88);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06);
}
html[data-theme="dark"] .sd-btt:hover {
  background: rgba(255, 107, 0, 0.12);
  box-shadow: 0 4px 24px rgba(255, 107, 0, 0.22), 0 0 0 1px rgba(255, 107, 0, 0.15);
}
html[data-theme="dark"] .sd-btt__icon {
  color: #bbb;
}
html[data-theme="dark"] .sd-btt:hover .sd-btt__icon {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-btt__progress circle {
  stroke: #FF8C3A;
}

/* =============================================
   SD EMPTY STATE — Dark Mode (sd-nr)
   ============================================= */
html[data-theme="dark"] .sd-nr {
  background: radial-gradient(ellipse at 50% 20%, rgba(255,107,0,0.04) 0%, transparent 70%);
}
html[data-theme="dark"] .sd-nr__plate-ring {
  background: linear-gradient(145deg, #2a2a2a 0%, #222 100%);
  box-shadow:
    0 8px 32px rgba(0,0,0,0.3),
    0 2px 8px rgba(0,0,0,0.2),
    inset 0 2px 4px rgba(255,255,255,0.05),
    inset 0 -2px 6px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .sd-nr__plate-inner {
  background: linear-gradient(145deg, #252525 0%, #1e1e1e 100%);
  box-shadow:
    inset 0 3px 8px rgba(0,0,0,0.15),
    inset 0 -1px 3px rgba(255,255,255,0.03);
}
html[data-theme="dark"] .sd-nr__steam-wisp {
  background: linear-gradient(to top, rgba(255,255,255,0.08), transparent);
}
html[data-theme="dark"] .sd-nr__title {
  color: #f1f1f1;
}
html[data-theme="dark"] .sd-nr__desc {
  color: #888;
}
html[data-theme="dark"] .sd-nr__badge {
  background: linear-gradient(135deg, rgba(255,107,0,0.08) 0%, rgba(255,107,0,0.04) 100%);
  border-color: rgba(255,140,58,0.15);
}
html[data-theme="dark"] .sd-nr__badge-dot {
  background: #FF8C3A;
}
html[data-theme="dark"] .sd-nr__badge-text {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-nr__btn {
  background: linear-gradient(135deg, #e05e00 0%, #cc7a30 100%);
  box-shadow: 0 6px 24px rgba(224,94,0,0.3);
}
html[data-theme="dark"] .sd-nr__btn:hover {
  background: linear-gradient(135deg, #ff6b00 0%, #e86000 100%);
  box-shadow: 0 10px 36px rgba(255,107,0,0.4);
}
html[data-theme="dark"] .sd-nr__link {
  color: #666;
}
html[data-theme="dark"] .sd-nr__link:hover {
  color: #FF8C3A;
}

/* SD RESTAURANT SUGGEST FORM — DARK MODE */
html[data-theme="dark"] .sd-suggest-icon {
  background: linear-gradient(135deg, #2a1f10, #3a2810);
}
html[data-theme="dark"] .sd-suggest-card {
  background: #1e1e1e;
  border-color: #333;
  box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .sd-suggest-section-label {
  color: #999;
}
html[data-theme="dark"] .sd-suggest-label {
  color: #bbb;
}
html[data-theme="dark"] .sd-suggest-check {
  color: #ccc;
}
html[data-theme="dark"] .sd-suggest-success {
  background: #1e1e1e;
  border-color: #333;
  box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .sd-suggest-submit {
  background: #e05e00;
  border-color: #e05e00;
}
html[data-theme="dark"] .sd-suggest-submit:hover {
  background: #FF6B00;
  border-color: #FF6B00;
}
html[data-theme="dark"] .sd-suggest-account-info {
  background: #1a2332 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .sd-suggest-account-info strong {
  color: #7dc4e8 !important;
}
html[data-theme="dark"] .sd-suggest-account-info .text-muted {
  color: #888 !important;
}
html[data-theme="dark"] .sd-suggest-account-info a {
  color: #FF8C3A !important;
}
html[data-theme="dark"] .sd-suggest-account-info .zmdi-account-circle {
  color: #5b9bd5 !important;
}
/* END SD RESTAURANT SUGGEST FORM — DARK MODE */

/* SD-UPSELL — DARK MODE */
html[data-theme="dark"] .sd-upsell {
  border-top-color: #2a2a2a;
}
html[data-theme="dark"] .sd-upsell__head-title {
  color: #888;
}
html[data-theme="dark"] .sd-upsell__arrow {
  background: #2a2a2a;
  border-color: #3a3a3a;
  color: #999;
  box-shadow: 0 1px 6px rgba(0,0,0,0.25);
}
html[data-theme="dark"] .sd-upsell__arrow:hover {
  background: #333;
  color: #ccc;
  box-shadow: 0 2px 10px rgba(0,0,0,0.35);
}
html[data-theme="dark"] .sd-upsell__card {
  background: #1e1e1e;
  border-color: #2a2a2a;
}
html[data-theme="dark"] .sd-upsell__card:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
}
html[data-theme="dark"] .sd-upsell__img {
  background: #252525;
}
html[data-theme="dark"] .sd-upsell__img-placeholder {
  background: #222;
}
html[data-theme="dark"] .sd-upsell__img-placeholder-icon {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-upsell__img-placeholder-icon i {
  color: #666;
}
html[data-theme="dark"] .sd-upsell__name {
  color: #ddd;
}
html[data-theme="dark"] .sd-upsell__price-now {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-upsell__price-old {
  color: #555;
}
html[data-theme="dark"] .sd-upsell__add {
  background: #1e1e1e;
  border-color: #444;
  color: #999;
}
html[data-theme="dark"] .sd-upsell__add:hover {
  border-color: #FF8C3A;
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-upsell__strip {
  background: #1e1e1e;
  border-color: #3a3a3a;
  box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .sd-upsell__strip-btn {
  color: #888;
}
html[data-theme="dark"] .sd-upsell__strip-btn:hover {
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-upsell__strip-btn--minus:hover {
  color: #f56565;
  background: #2a1a1a;
}
html[data-theme="dark"] .sd-upsell__strip-btn--plus:hover {
  color: #FF8C3A;
  background: #2a2218;
}
html[data-theme="dark"] .sd-upsell__strip-qty {
  color: #e0e0e0;
}
/* END SD-UPSELL — DARK MODE */

/* =============================================================
   SD-CONTACT — Contact Page — DARK MODE
   ============================================================= */
html[data-theme="dark"] .sd-contact-hero {
  background: linear-gradient(135deg, #1a1510 0%, #1e1812 50%, #231c14 100%);
}
html[data-theme="dark"] .sd-contact-hero::before {
  background: rgba(255,107,0,0.04);
}
html[data-theme="dark"] .sd-contact-hero::after {
  background: rgba(255,107,0,0.03);
}
html[data-theme="dark"] .sd-contact-hero__title {
  color: #f0f0f0;
}
html[data-theme="dark"] .sd-contact-hero__subtitle {
  color: #999;
}
html[data-theme="dark"] .sd-contact-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
  box-shadow: 0 2px 16px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .sd-contact-card__title {
  color: #f0f0f0;
}
html[data-theme="dark"] .sd-contact-card__desc {
  color: #777;
}
html[data-theme="dark"] .sd-contact-content {
  background: #252525;
  border-color: #333;
  color: #ccc;
}
html[data-theme="dark"] .sd-contact-alert--success {
  background: #0a2218;
  border-color: #0d6644;
  color: #a7f3d0;
}
html[data-theme="dark"] .sd-contact-alert--error {
  background: #2a1010;
  border-color: #7f1d1d;
  color: #fca5a5;
}
html[data-theme="dark"] .sd-contact-input {
  background: #252525;
  border-color: #3a3a3a;
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-contact-input:focus {
  border-color: #FF8C3A;
  box-shadow: 0 0 0 3px rgba(255,140,58,0.12);
  background: #2a2a2a;
}
html[data-theme="dark"] .sd-contact-label {
  color: #777;
}
html[data-theme="dark"] .sd-contact-input:focus ~ .sd-contact-label,
html[data-theme="dark"] .sd-contact-input:not(:placeholder-shown) ~ .sd-contact-label {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-contact-input-icon {
  color: #555;
}
html[data-theme="dark"] .sd-contact-input-wrap:focus-within .sd-contact-input-icon {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-contact-submit {
  background: linear-gradient(135deg, #FF8C3A, #FF6B00);
  box-shadow: 0 4px 16px rgba(255,107,0,0.2);
}
html[data-theme="dark"] .sd-contact-submit:hover {
  background: linear-gradient(135deg, #FF6B00, #E05E00);
  box-shadow: 0 6px 24px rgba(255,107,0,0.3);
}
html[data-theme="dark"] .sd-contact-info-card {
  background: #1e1e1e;
  border-color: #2a2a2a;
  box-shadow: 0 1px 6px rgba(0,0,0,0.15);
}
html[data-theme="dark"] a.sd-contact-info-card:hover {
  border-color: #5a4020;
  box-shadow: 0 4px 18px rgba(255,107,0,0.06);
}
html[data-theme="dark"] .sd-contact-info-card__icon--phone {
  background: #0a2218;
  color: #34d399;
}
html[data-theme="dark"] .sd-contact-info-card__icon--email {
  background: #2a1c0e;
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-contact-info-card__icon--location {
  background: #0e1a2e;
  color: #60a5fa;
}
html[data-theme="dark"] .sd-contact-info-card__label {
  color: #666;
}
html[data-theme="dark"] .sd-contact-info-card__value {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-contact-info-card__sub {
  color: #777;
}
html[data-theme="dark"] .sd-contact-info-card__arrow {
  color: #444;
}
html[data-theme="dark"] a.sd-contact-info-card:hover .sd-contact-info-card__arrow {
  color: #FF8C3A;
}
html[data-theme="dark"] .sd-contact-hours-card {
  background: linear-gradient(135deg, #1e1812, #231c14);
  border-color: #3a2e1e;
}
html[data-theme="dark"] .sd-contact-hours-card__icon {
  background: #FF8C3A;
}
html[data-theme="dark"] .sd-contact-hours-card__title {
  color: #e0e0e0;
}
html[data-theme="dark"] .sd-contact-hours-card__text {
  color: #888;
}
html[data-theme="dark"] .sd-contact-error {
  color: #f87171;
}
/* END SD-CONTACT — DARK MODE */


/* ============================================================
   SD CMS PAGE — DARK MODE
   ============================================================ */
html[data-theme="dark"] .sd-page-hero {
  background: linear-gradient(135deg, #1a1510 0%, #1e1812 50%, #231c14 100%);
}
html[data-theme="dark"] .sd-page-hero::before {
  background: rgba(255,107,0,0.04);
}
html[data-theme="dark"] .sd-page-hero::after {
  background: rgba(255,107,0,0.03);
}
html[data-theme="dark"] .sd-page-hero__title {
  color: #f0f0f0;
}
html[data-theme="dark"] .sd-page-hero__subtitle {
  color: #888;
}
html[data-theme="dark"] .sd-page-hero__breadcrumb {
  color: #777;
}
html[data-theme="dark"] .sd-page-hero__breadcrumb a {
  color: #ff8c3a;
}
html[data-theme="dark"] .sd-page-hero__sep {
  color: #555;
}
html[data-theme="dark"] .sd-page-content {
  background: #1e1e1e;
  border-color: #2a2a2a;
  box-shadow: 0 2px 16px rgba(0,0,0,0.2);
}
html[data-theme="dark"] .sd-page-content__body {
  color: #bbb;
}
html[data-theme="dark"] .sd-page-content__body h1,
html[data-theme="dark"] .sd-page-content__body h2,
html[data-theme="dark"] .sd-page-content__body h3,
html[data-theme="dark"] .sd-page-content__body h4,
html[data-theme="dark"] .sd-page-content__body h5,
html[data-theme="dark"] .sd-page-content__body h6 {
  color: #e8e8e8;
}
html[data-theme="dark"] .sd-page-content__body h2 {
  border-bottom-color: #332a20;
}
html[data-theme="dark"] .sd-page-content__body p {
  color: #aaa;
}
html[data-theme="dark"] .sd-page-content__body a {
  color: #ff8c3a;
}
html[data-theme="dark"] .sd-page-content__body a:hover {
  color: #FF6B00;
  border-bottom-color: #FF6B00;
}
html[data-theme="dark"] .sd-page-content__body strong,
html[data-theme="dark"] .sd-page-content__body b {
  color: #ddd;
}
html[data-theme="dark"] .sd-page-content__body ul li::before {
  background: #ff8c3a;
}
html[data-theme="dark"] .sd-page-content__body ol li::marker {
  color: #ff8c3a;
}
html[data-theme="dark"] .sd-page-content__body blockquote {
  background: #252015;
  border-left-color: #ff8c3a;
  color: #999;
}
html[data-theme="dark"] .sd-page-content__body table {
  border-color: #333;
}
html[data-theme="dark"] .sd-page-content__body table th {
  background: #252525;
  color: #e0e0e0;
  border-bottom-color: #3a3a3a;
}
html[data-theme="dark"] .sd-page-content__body table td {
  color: #aaa;
  border-bottom-color: #2e2e2e;
}
html[data-theme="dark"] .sd-page-content__body table tr:hover td {
  background: #282828;
}
html[data-theme="dark"] .sd-page-content__body code {
  background: #2a2a2a;
  color: #ff8c3a;
}
html[data-theme="dark"] .sd-page-content__body pre {
  background: #252525;
  border-color: #333;
}
html[data-theme="dark"] .sd-page-content__body hr {
  background: linear-gradient(90deg, transparent, #3a3a3a, transparent);
}
html[data-theme="dark"] .sd-page-content__body img {
  box-shadow: 0 2px 12px rgba(0,0,0,0.2);
}

/* Partner CTA — already dark by default, adjust subtleties */
html[data-theme="dark"] .sd-partner-cta {
  background: linear-gradient(135deg, #0d0d15 0%, #1a0e08 40%, #201008 100%);
}
html[data-theme="dark"] .sd-partner-cta__icon {
  background: rgba(255,107,0,0.12);
  border-color: rgba(255,107,0,0.2);
}
/* END SD CMS PAGE — DARK MODE */