/* ============================================================
   EMBER & SPICE — Production Dark / Light Mode System
   Supports: [data-theme="dark"], [data-bs-theme="dark"], body.dark-mode
   Full Elevation Hierarchy & Complete Component Coverage
   ============================================================ */

/* ── 1. DARK MODE DESIGN TOKENS (Variables Override) ── */
:root[data-theme="dark"],
[data-theme="dark"],
[data-bs-theme="dark"],
body.dark-mode {
  /* Surfaces & Backgrounds */
  --es-bg-canvas:        #0d0e12;
  --es-bg-warm:          #0f1115;
  --es-bg-white:         #171920;
  --es-bg-section:       #13151b;
  --es-bg-card:          #181a22;
  --es-bg-card-hover:    #1f222d;
  --es-bg-dark:          #08090b;
  --es-bg-muted:         #222530;
  --es-bg-input:         #1d202a;

  /* Typography */
  --es-text-dark:        #f9fafb;
  --es-text-body:        #d1d5db;
  --es-text-muted:       #9ca3af;
  --es-text-light:       #6b7280;
  --es-text-white:       #ffffff;

  /* Crucial: Invert dark-brown secondary used for headings */
  --es-secondary:        #f3f4f6;
  --es-secondary-mid:    #e5e7eb;
  --es-secondary-light:  #9ca3af;

  /* Brand Accents (tuned for dark contrast) */
  --es-primary:          #a82438;
  --es-primary-dark:     #8b1a2b;
  --es-primary-light:    #f87171;
  --es-primary-xlight:   rgba(168, 36, 56, 0.22);
  --es-accent:           #eab308;
  --es-accent-light:     #facc15;
  --es-accent-xlight:    rgba(234, 179, 8, 0.18);

  /* Borders & Dividers */
  --es-border:           #272a35;
  --es-border-dark:      #373c4b;
  --es-border-focus:     #a82438;

  /* Shadows */
  --es-shadow-xs:        0 1px 2px rgba(0, 0, 0, 0.4);
  --es-shadow-sm:        0 2px 8px rgba(0, 0, 0, 0.45);
  --es-shadow-md:        0 4px 16px rgba(0, 0, 0, 0.55);
  --es-shadow-lg:        0 8px 32px rgba(0, 0, 0, 0.65);
  --es-shadow-xl:        0 16px 48px rgba(0, 0, 0, 0.75);
  --es-shadow-card:      0 4px 20px rgba(0, 0, 0, 0.4);
  --es-shadow-primary:   0 4px 20px rgba(168, 36, 56, 0.35);

  /* Bootstrap 5 Native Overrides */
  --bs-body-bg:          #0f1115;
  --bs-body-color:       #d1d5db;
  --bs-card-bg:          #181a22;
  --bs-card-color:       #d1d5db;
  --bs-border-color:     #272a35;
  --bs-tertiary-bg:      #13151b;
  --bs-secondary-bg:     #222530;
  --bs-link-color:       #f87171;
  --bs-link-hover-color: #fca5a5;

  background-color: #0f1115 !important;
  color: #d1d5db !important;
  color-scheme: dark;
}

/* ── 2. GLOBAL RESET & BASE ELEMENTS ── */
[data-theme="dark"] body,
[data-bs-theme="dark"] body,
body.dark-mode {
  background-color: #0f1115 !important;
  color: #d1d5db !important;
}

/* Smooth transition when toggling */
body.theme-transitioning,
body.theme-transitioning * {
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease !important;
}

/* Custom Dark Scrollbars */
[data-theme="dark"] ::-webkit-scrollbar,
[data-bs-theme="dark"] ::-webkit-scrollbar,
body.dark-mode ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
[data-theme="dark"] ::-webkit-scrollbar-track,
[data-bs-theme="dark"] ::-webkit-scrollbar-track,
body.dark-mode ::-webkit-scrollbar-track {
  background: #0d0e12;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb,
body.dark-mode ::-webkit-scrollbar-thumb {
  background: #2a2e3a;
  border-radius: 6px;
  border: 2px solid #0d0e12;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover,
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover,
body.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #3b4152;
}

/* Global Headings */
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6,
[data-theme="dark"] .h1, [data-theme="dark"] .h2, [data-theme="dark"] .h3,
[data-theme="dark"] .h4, [data-theme="dark"] .h5, [data-theme="dark"] .h6,
[data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2, [data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4, [data-bs-theme="dark"] h5, [data-bs-theme="dark"] h6,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3,
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
  color: #f9fafb !important;
}

/* Text Utility Overrides */
[data-theme="dark"] .text-dark,
[data-bs-theme="dark"] .text-dark,
body.dark-mode .text-dark {
  color: #f3f4f6 !important;
}

[data-theme="dark"] .text-muted,
[data-bs-theme="dark"] .text-muted,
body.dark-mode .text-muted {
  color: #9ca3af !important;
}

[data-theme="dark"] .text-secondary,
[data-bs-theme="dark"] .text-secondary,
body.dark-mode .text-secondary {
  color: #9ca3af !important;
}

[data-theme="dark"] .lead,
[data-bs-theme="dark"] .lead,
body.dark-mode .lead {
  color: #cbd5e1 !important;
}

/* Background Utility Overrides */
[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-light,
[data-theme="dark"] .es-section-warm,
[data-theme="dark"] .section-warm,
[data-theme="dark"] .bg-warm,
[data-bs-theme="dark"] .bg-white,
[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .es-section-warm,
[data-bs-theme="dark"] .section-warm,
[data-bs-theme="dark"] .bg-warm,
body.dark-mode .bg-white,
body.dark-mode .bg-light,
body.dark-mode .es-section-warm,
body.dark-mode .section-warm,
body.dark-mode .bg-warm {
  background-color: #13151b !important;
  color: #d1d5db !important;
}

/* Border Utility Overrides */
[data-theme="dark"] .border,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-start,
[data-theme="dark"] .border-end,
[data-bs-theme="dark"] .border,
[data-bs-theme="dark"] .border-top,
[data-bs-theme="dark"] .border-bottom,
[data-bs-theme="dark"] .border-start,
[data-bs-theme="dark"] .border-end,
body.dark-mode .border,
body.dark-mode .border-top,
body.dark-mode .border-bottom,
body.dark-mode .border-start,
body.dark-mode .border-end {
  border-color: #272a35 !important;
}

/* ── 3. HEADER & NAVIGATION ── */
[data-theme="dark"] #mainHeader,
[data-theme="dark"] #mainHeader .navbar,
[data-theme="dark"] #mainHeader > div,
[data-bs-theme="dark"] #mainHeader,
[data-bs-theme="dark"] #mainHeader .navbar,
[data-bs-theme="dark"] #mainHeader > div,
body.dark-mode #mainHeader,
body.dark-mode #mainHeader .navbar,
body.dark-mode #mainHeader > div {
  background-color: #13151b !important;
  border-bottom: 1px solid #242732 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .brand-name-main,
[data-bs-theme="dark"] .brand-name-main,
body.dark-mode .brand-name-main {
  color: #f9fafb !important;
}

[data-theme="dark"] .header-nav .nav-link,
[data-bs-theme="dark"] .header-nav .nav-link,
body.dark-mode .header-nav .nav-link {
  color: #d1d5db !important;
}

[data-theme="dark"] .header-nav .nav-link:hover,
[data-theme="dark"] .header-nav .nav-link.active,
[data-bs-theme="dark"] .header-nav .nav-link:hover,
[data-bs-theme="dark"] .header-nav .nav-link.active,
body.dark-mode .header-nav .nav-link:hover,
body.dark-mode .header-nav .nav-link.active {
  color: #f87171 !important;
}

[data-theme="dark"] .header-action-btn,
[data-bs-theme="dark"] .header-action-btn,
body.dark-mode .header-action-btn {
  background-color: #1e212b !important;
  color: #e5e7eb !important;
  border-color: #2c303d !important;
}

[data-theme="dark"] .header-action-btn:hover,
[data-bs-theme="dark"] .header-action-btn:hover,
body.dark-mode .header-action-btn:hover {
  background-color: #292d3b !important;
  color: #ffffff !important;
  border-color: #a82438 !important;
}

[data-theme="dark"] .header-action-btn .badge,
[data-bs-theme="dark"] .header-action-btn .badge,
body.dark-mode .header-action-btn .badge {
  border-color: #13151b !important;
}

/* Header Search */
[data-theme="dark"] .header-search-box .header-search-input,
[data-bs-theme="dark"] .header-search-box .header-search-input,
body.dark-mode .header-search-box .header-search-input {
  background-color: #1a1d26 !important;
  color: #f9fafb !important;
  border-color: #2c303d !important;
}

[data-theme="dark"] .header-search-box .header-search-input:focus,
[data-bs-theme="dark"] .header-search-box .header-search-input:focus,
body.dark-mode .header-search-box .header-search-input:focus {
  background-color: #222632 !important;
  border-color: #a82438 !important;
  box-shadow: 0 0 0 3px rgba(168, 36, 56, 0.25) !important;
}

[data-theme="dark"] .header-search-icon,
[data-bs-theme="dark"] .header-search-icon,
body.dark-mode .header-search-icon {
  color: #9ca3af !important;
}

[data-theme="dark"] .header-search-results,
[data-bs-theme="dark"] .header-search-results,
body.dark-mode .header-search-results {
  background-color: #181a22 !important;
  border-color: #2c303d !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65) !important;
}

[data-theme="dark"] .search-result-item,
[data-bs-theme="dark"] .search-result-item,
body.dark-mode .search-result-item {
  border-bottom-color: #232733 !important;
}

[data-theme="dark"] .search-result-item:hover,
[data-bs-theme="dark"] .search-result-item:hover,
body.dark-mode .search-result-item:hover {
  background-color: #222530 !important;
}

[data-theme="dark"] .search-result-title,
[data-bs-theme="dark"] .search-result-title,
body.dark-mode .search-result-title {
  color: #f3f4f6 !important;
}

[data-theme="dark"] .search-result-category,
[data-bs-theme="dark"] .search-result-category,
body.dark-mode .search-result-category {
  color: #9ca3af !important;
}

[data-theme="dark"] .search-result-img,
[data-bs-theme="dark"] .search-result-img,
body.dark-mode .search-result-img {
  background-color: #20232d !important;
  border-color: #2c303d !important;
}

/* Search Overlay */
[data-theme="dark"] .search-overlay,
[data-bs-theme="dark"] .search-overlay,
body.dark-mode .search-overlay {
  background: rgba(8, 9, 12, 0.88) !important;
}

[data-theme="dark"] .search-overlay-box,
[data-bs-theme="dark"] .search-overlay-box,
body.dark-mode .search-overlay-box {
  background-color: #181a22 !important;
  border: 1px solid #2c303d !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75) !important;
}

[data-theme="dark"] .search-overlay-input,
[data-bs-theme="dark"] .search-overlay-input,
body.dark-mode .search-overlay-input {
  background-color: #181a22 !important;
  color: #f9fafb !important;
}

[data-theme="dark"] .search-results-dropdown,
[data-bs-theme="dark"] .search-results-dropdown,
body.dark-mode .search-results-dropdown {
  border-top-color: #272a35 !important;
}

/* Mobile Offcanvas Drawer */
[data-theme="dark"] .mobile-offcanvas,
[data-bs-theme="dark"] .mobile-offcanvas,
body.dark-mode .mobile-offcanvas {
  background-color: #13151b !important;
  color: #f3f4f6 !important;
  border-right: 1px solid #242732 !important;
}

[data-theme="dark"] .drawer-item,
[data-bs-theme="dark"] .drawer-item,
body.dark-mode .drawer-item {
  color: #d1d5db !important;
}

[data-theme="dark"] .drawer-item:hover,
[data-bs-theme="dark"] .drawer-item:hover,
body.dark-mode .drawer-item:hover {
  background-color: #1e212b !important;
  color: #ffffff !important;
}

[data-theme="dark"] .drawer-divider,
[data-bs-theme="dark"] .drawer-divider,
body.dark-mode .drawer-divider {
  border-top-color: #242732 !important;
}

[data-theme="dark"] .drawer-icon,
[data-bs-theme="dark"] .drawer-icon,
body.dark-mode .drawer-icon {
  color: #9ca3af !important;
}

/* ── 4. DELIVERY SERVICE PROVIDERS SECTION ── */
[data-theme="dark"] .delivery-partners-section,
[data-bs-theme="dark"] .delivery-partners-section,
body.dark-mode .delivery-partners-section {
  background-color: #111319 !important;
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
}

[data-theme="dark"] .dp-title,
[data-bs-theme="dark"] .dp-title,
body.dark-mode .dp-title {
  color: #f9fafb !important;
}

[data-theme="dark"] .dp-subtitle,
[data-bs-theme="dark"] .dp-subtitle,
body.dark-mode .dp-subtitle {
  color: #9ca3af !important;
}

[data-theme="dark"] .dp-status-badge,
[data-bs-theme="dark"] .dp-status-badge,
body.dark-mode .dp-status-badge {
  background-color: #181a22 !important;
  border: 1px solid #2c303d !important;
  color: #f3f4f6 !important;
}

[data-theme="dark"] .dp-status-badge strong,
[data-bs-theme="dark"] .dp-status-badge strong,
body.dark-mode .dp-status-badge strong {
  color: #34d399 !important;
}

[data-theme="dark"] .dp-status-badge small,
[data-bs-theme="dark"] .dp-status-badge small,
body.dark-mode .dp-status-badge small {
  color: #9ca3af !important;
}

[data-theme="dark"] .dp-card,
[data-bs-theme="dark"] .dp-card,
body.dark-mode .dp-card {
  background-color: #181a22 !important;
  border-color: #2a2e3a !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .dp-card:hover,
[data-bs-theme="dark"] .dp-card:hover,
body.dark-mode .dp-card:hover {
  background-color: #1f222d !important;
  border-color: #3b4152 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important;
}

[data-theme="dark"] .dp-card--official,
[data-bs-theme="dark"] .dp-card--official,
body.dark-mode .dp-card--official {
  background-color: #1d1820 !important;
  border-color: rgba(168, 36, 56, 0.6) !important;
}

[data-theme="dark"] .dp-card-title,
[data-bs-theme="dark"] .dp-card-title,
body.dark-mode .dp-card-title {
  color: #f9fafb !important;
}

[data-theme="dark"] .dp-card-desc,
[data-bs-theme="dark"] .dp-card-desc,
body.dark-mode .dp-card-desc {
  color: #9ca3af !important;
}

[data-theme="dark"] .dp-meta-pill,
[data-bs-theme="dark"] .dp-meta-pill,
body.dark-mode .dp-meta-pill {
  background-color: #222530 !important;
  color: #d1d5db !important;
  border-color: #2c303d !important;
}

[data-theme="dark"] .dp-card-perk,
[data-bs-theme="dark"] .dp-card-perk,
body.dark-mode .dp-card-perk {
  background-color: rgba(234, 179, 8, 0.1) !important;
  border: 1px dashed rgba(234, 179, 8, 0.3) !important;
  color: #fbbf24 !important;
}

[data-theme="dark"] .dp-card-brand-badge,
[data-bs-theme="dark"] .dp-card-brand-badge,
body.dark-mode .dp-card-brand-badge {
  background: #1f222d !important;
  border-color: #373c4b !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
}

/* Icon Boxes */
[data-theme="dark"] .dp-icon-box,
[data-bs-theme="dark"] .dp-icon-box,
body.dark-mode .dp-icon-box {
  background-color: #222530 !important;
  border-color: #2c303d !important;
}

[data-theme="dark"] .dp-icon-box--ember,
[data-bs-theme="dark"] .dp-icon-box--ember,
body.dark-mode .dp-icon-box--ember {
  background-color: rgba(168, 36, 56, 0.18) !important;
  border: 1px solid rgba(168, 36, 56, 0.4) !important;
  color: #f87171 !important;
}

[data-theme="dark"] .dp-icon-box--foodpanda,
[data-bs-theme="dark"] .dp-icon-box--foodpanda,
body.dark-mode .dp-icon-box--foodpanda {
  background-color: rgba(215, 15, 100, 0.18) !important;
  border: 1px solid rgba(215, 15, 100, 0.4) !important;
  color: #f472b6 !important;
}

[data-theme="dark"] .dp-icon-box--pathao,
[data-bs-theme="dark"] .dp-icon-box--pathao,
body.dark-mode .dp-icon-box--pathao {
  background-color: rgba(224, 26, 34, 0.18) !important;
  border: 1px solid rgba(224, 26, 34, 0.4) !important;
  color: #f87171 !important;
}

[data-theme="dark"] .dp-icon-box--ubereats,
[data-bs-theme="dark"] .dp-icon-box--ubereats,
body.dark-mode .dp-icon-box--ubereats {
  background-color: rgba(6, 193, 103, 0.18) !important;
  border: 1px solid rgba(6, 193, 103, 0.4) !important;
  color: #34d399 !important;
}

[data-theme="dark"] .dp-icon-box--wolt,
[data-bs-theme="dark"] .dp-icon-box--wolt,
body.dark-mode .dp-icon-box--wolt {
  background-color: rgba(0, 157, 224, 0.18) !important;
  border: 1px solid rgba(0, 157, 224, 0.4) !important;
  color: #38bdf8 !important;
}

[data-theme="dark"] .dp-icon-box--efood,
[data-bs-theme="dark"] .dp-icon-box--efood,
body.dark-mode .dp-icon-box--efood {
  background-color: rgba(231, 39, 52, 0.18) !important;
  border: 1px solid rgba(231, 39, 52, 0.4) !important;
  color: #fb7185 !important;
}

[data-theme="dark"] .dp-icon-box--box,
[data-bs-theme="dark"] .dp-icon-box--box,
body.dark-mode .dp-icon-box--box {
  background-color: rgba(0, 143, 135, 0.18) !important;
  border: 1px solid rgba(0, 143, 135, 0.4) !important;
  color: #2dd4bf !important;
}

/* Partner CTA Buttons */
[data-theme="dark"] .dp-btn--ember,
[data-bs-theme="dark"] .dp-btn--ember,
body.dark-mode .dp-btn--ember {
  background-color: var(--es-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(168, 36, 56, 0.35) !important;
}

[data-theme="dark"] .dp-btn--ember:hover,
[data-bs-theme="dark"] .dp-btn--ember:hover,
body.dark-mode .dp-btn--ember:hover {
  background-color: var(--es-primary-dark) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(168, 36, 56, 0.5) !important;
}

[data-theme="dark"] .dp-btn--foodpanda,
[data-bs-theme="dark"] .dp-btn--foodpanda,
body.dark-mode .dp-btn--foodpanda {
  background-color: rgba(215, 15, 100, 0.14) !important;
  border: 1.5px solid rgba(215, 15, 100, 0.45) !important;
  color: #f472b6 !important;
}

[data-theme="dark"] .dp-btn--foodpanda:hover,
[data-bs-theme="dark"] .dp-btn--foodpanda:hover,
body.dark-mode .dp-btn--foodpanda:hover {
  background-color: #d70f64 !important;
  border-color: #d70f64 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(215, 15, 100, 0.4) !important;
}

[data-theme="dark"] .dp-btn--pathao,
[data-bs-theme="dark"] .dp-btn--pathao,
body.dark-mode .dp-btn--pathao {
  background-color: rgba(224, 26, 34, 0.14) !important;
  border: 1.5px solid rgba(224, 26, 34, 0.45) !important;
  color: #f87171 !important;
}

[data-theme="dark"] .dp-btn--pathao:hover,
[data-bs-theme="dark"] .dp-btn--pathao:hover,
body.dark-mode .dp-btn--pathao:hover {
  background-color: #e01a22 !important;
  border-color: #e01a22 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(224, 26, 34, 0.4) !important;
}

[data-theme="dark"] .dp-btn--ubereats,
[data-bs-theme="dark"] .dp-btn--ubereats,
body.dark-mode .dp-btn--ubereats {
  background-color: rgba(6, 193, 103, 0.14) !important;
  border: 1.5px solid rgba(6, 193, 103, 0.45) !important;
  color: #34d399 !important;
}

[data-theme="dark"] .dp-btn--ubereats:hover,
[data-bs-theme="dark"] .dp-btn--ubereats:hover,
body.dark-mode .dp-btn--ubereats:hover {
  background-color: #06c167 !important;
  border-color: #06c167 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(6, 193, 103, 0.4) !important;
}

[data-theme="dark"] .dp-btn--wolt,
[data-bs-theme="dark"] .dp-btn--wolt,
body.dark-mode .dp-btn--wolt {
  background-color: rgba(0, 157, 224, 0.14) !important;
  border: 1.5px solid rgba(0, 157, 224, 0.45) !important;
  color: #38bdf8 !important;
}

[data-theme="dark"] .dp-btn--wolt:hover,
[data-bs-theme="dark"] .dp-btn--wolt:hover,
body.dark-mode .dp-btn--wolt:hover {
  background-color: #009de0 !important;
  border-color: #009de0 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 157, 224, 0.4) !important;
}

[data-theme="dark"] .dp-btn--efood,
[data-bs-theme="dark"] .dp-btn--efood,
body.dark-mode .dp-btn--efood {
  background-color: rgba(231, 39, 52, 0.14) !important;
  border: 1.5px solid rgba(231, 39, 52, 0.45) !important;
  color: #fb7185 !important;
}

[data-theme="dark"] .dp-btn--efood:hover,
[data-bs-theme="dark"] .dp-btn--efood:hover,
body.dark-mode .dp-btn--efood:hover {
  background-color: #e72734 !important;
  border-color: #e72734 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(231, 39, 52, 0.4) !important;
}

[data-theme="dark"] .dp-btn--box,
[data-bs-theme="dark"] .dp-btn--box,
body.dark-mode .dp-btn--box {
  background-color: rgba(0, 143, 135, 0.14) !important;
  border: 1.5px solid rgba(0, 143, 135, 0.45) !important;
  color: #2dd4bf !important;
}

[data-theme="dark"] .dp-btn--box:hover,
[data-bs-theme="dark"] .dp-btn--box:hover,
body.dark-mode .dp-btn--box:hover {
  background-color: #008f87 !important;
  border-color: #008f87 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 143, 135, 0.4) !important;
}

/* Trust Bar */
[data-theme="dark"] .dp-trust-bar,
[data-bs-theme="dark"] .dp-trust-bar,
body.dark-mode .dp-trust-bar {
  background-color: #181a22 !important;
  border: 1px solid #272a35 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .dp-trust-title,
[data-bs-theme="dark"] .dp-trust-title,
body.dark-mode .dp-trust-title {
  color: #f9fafb !important;
}

[data-theme="dark"] .dp-trust-desc,
[data-bs-theme="dark"] .dp-trust-desc,
body.dark-mode .dp-trust-desc {
  color: #9ca3af !important;
}

[data-theme="dark"] .dp-trust-divider,
[data-bs-theme="dark"] .dp-trust-divider,
body.dark-mode .dp-trust-divider {
  background-color: #272a35 !important;
}

[data-theme="dark"] .dp-trust-icon,
[data-bs-theme="dark"] .dp-trust-icon,
body.dark-mode .dp-trust-icon {
  background-color: #222530 !important;
  color: #f87171 !important;
}

/* ── 5. CATEGORY & SPECIALTY CARDS ── */
[data-theme="dark"] .spec-card,
[data-bs-theme="dark"] .spec-card,
body.dark-mode .spec-card {
  background-color: #111319 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .spec-card-body,
[data-bs-theme="dark"] .spec-card-body,
body.dark-mode .spec-card-body {
  background: transparent !important;
  border: none !important;
}
[data-theme="dark"] .spec-card:hover .spec-card-body,
[data-bs-theme="dark"] .spec-card:hover .spec-card-body,
body.dark-mode .spec-card:hover .spec-card-body {
  background: transparent !important;
}

[data-theme="dark"] .spec-card-name,
[data-bs-theme="dark"] .spec-card-name,
body.dark-mode .spec-card-name {
  color: #fff !important;
}

[data-theme="dark"] .spec-card-count,
[data-bs-theme="dark"] .spec-card-count,
body.dark-mode .spec-card-count {
  color: rgba(255, 255, 255, 0.75) !important;
}

[data-theme="dark"] .spec-card-icon,
[data-theme="dark"] .spec-card-arrow,
[data-bs-theme="dark"] .spec-card-icon,
[data-bs-theme="dark"] .spec-card-arrow,
body.dark-mode .spec-card-icon,
body.dark-mode .spec-card-arrow {
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* ── 6. FOOD & PRODUCT CARDS (ALL VARIATIONS) ── */
[data-theme="dark"] .card,
[data-theme="dark"] .food-card,
[data-theme="dark"] .dish-card,
[data-theme="dark"] .menu-product-card,
[data-theme="dark"] .product-card,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .food-card,
[data-bs-theme="dark"] .dish-card,
[data-bs-theme="dark"] .menu-product-card,
[data-bs-theme="dark"] .product-card,
body.dark-mode .card,
body.dark-mode .food-card,
body.dark-mode .dish-card,
body.dark-mode .menu-product-card,
body.dark-mode .product-card {
  background-color: #181a22 !important;
  border: 1px solid #272a35 !important;
  color: #d1d5db !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .food-card:hover,
[data-theme="dark"] .dish-card:hover,
[data-theme="dark"] .menu-product-card:hover,
[data-theme="dark"] .product-card:hover,
[data-bs-theme="dark"] .food-card:hover,
[data-bs-theme="dark"] .dish-card:hover,
[data-bs-theme="dark"] .menu-product-card:hover,
[data-bs-theme="dark"] .product-card:hover,
body.dark-mode .food-card:hover,
body.dark-mode .dish-card:hover,
body.dark-mode .menu-product-card:hover,
body.dark-mode .product-card:hover {
  background-color: #1f222d !important;
  border-color: #3b4152 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important;
}

[data-theme="dark"] .food-card-img-wrap,
[data-bs-theme="dark"] .food-card-img-wrap,
body.dark-mode .food-card-img-wrap {
  background-color: #111319 !important;
}

[data-theme="dark"] .food-type-badge,
[data-bs-theme="dark"] .food-type-badge,
body.dark-mode .food-type-badge {
  background: rgba(30, 24, 18, 0.7) !important;
  backdrop-filter: blur(8px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(160%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  color: #f3f4f6 !important;
}

[data-theme="dark"] .food-type-badge-text,
[data-bs-theme="dark"] .food-type-badge-text,
body.dark-mode .food-type-badge-text {
  color: #f3f4f6 !important;
}

[data-theme="dark"] .dish-title,
[data-theme="dark"] .card-title,
[data-theme="dark"] .card-title a,
[data-theme="dark"] .dish-title a,
[data-bs-theme="dark"] .dish-title,
[data-bs-theme="dark"] .card-title,
[data-bs-theme="dark"] .card-title a,
[data-bs-theme="dark"] .dish-title a,
body.dark-mode .dish-title,
body.dark-mode .card-title,
body.dark-mode .card-title a,
body.dark-mode .dish-title a {
  color: #f9fafb !important;
}

[data-theme="dark"] .card-text,
[data-theme="dark"] .dish-desc,
[data-bs-theme="dark"] .card-text,
[data-bs-theme="dark"] .dish-desc,
body.dark-mode .card-text,
body.dark-mode .dish-desc {
  color: #9ca3af !important;
}

[data-theme="dark"] .food-card-price,
[data-theme="dark"] .dish-price,
[data-bs-theme="dark"] .food-card-price,
[data-bs-theme="dark"] .dish-price,
body.dark-mode .food-card-price,
body.dark-mode .dish-price {
  color: #f87171 !important;
}

/* Food card image glare softness in dark mode */
[data-theme="dark"] .food-card img,
[data-theme="dark"] .dish-card img,
[data-theme="dark"] .spec-card img,
[data-bs-theme="dark"] .food-card img,
[data-bs-theme="dark"] .dish-card img,
[data-bs-theme="dark"] .spec-card img,
body.dark-mode .food-card img,
body.dark-mode .dish-card img,
body.dark-mode .spec-card img {
  filter: brightness(0.92) contrast(1.02);
  transition: filter 0.3s ease;
}

[data-theme="dark"] .food-card:hover img,
[data-theme="dark"] .dish-card:hover img,
[data-theme="dark"] .spec-card:hover img,
[data-bs-theme="dark"] .food-card:hover img,
[data-bs-theme="dark"] .dish-card:hover img,
[data-bs-theme="dark"] .spec-card:hover img,
body.dark-mode .food-card:hover img,
body.dark-mode .dish-card:hover img,
body.dark-mode .spec-card:hover img {
  filter: brightness(1) contrast(1);
}

/* ── 7. MENU PAGE & SIDEBAR FILTERS ── */
[data-theme="dark"] .menu-sidebar-card,
[data-bs-theme="dark"] .menu-sidebar-card,
body.dark-mode .menu-sidebar-card {
  background-color: #181a22 !important;
  border: 1px solid #272a35 !important;
  color: #d1d5db !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .menu-sidebar-card h5,
[data-theme="dark"] .menu-sidebar-card h6,
[data-bs-theme="dark"] .menu-sidebar-card h5,
[data-bs-theme="dark"] .menu-sidebar-card h6,
body.dark-mode .menu-sidebar-card h5,
body.dark-mode .menu-sidebar-card h6 {
  color: #f9fafb !important;
}

[data-theme="dark"] .menu-sidebar-card .form-check-label,
[data-bs-theme="dark"] .menu-sidebar-card .form-check-label,
body.dark-mode .menu-sidebar-card .form-check-label {
  color: #d1d5db !important;
}

[data-theme="dark"] .menu-sidebar-card .filter-count,
[data-bs-theme="dark"] .menu-sidebar-card .filter-count,
body.dark-mode .menu-sidebar-card .filter-count {
  color: #9ca3af !important;
}

[data-theme="dark"] .menu-search-box,
[data-bs-theme="dark"] .menu-search-box,
body.dark-mode .menu-search-box {
  background-color: #1d202a !important;
  border-color: #2c303d !important;
}

[data-theme="dark"] .menu-search-box .form-control,
[data-bs-theme="dark"] .menu-search-box .form-control,
body.dark-mode .menu-search-box .form-control {
  color: #f9fafb !important;
}

[data-theme="dark"] .menu-nav-pill,
[data-theme="dark"] .category-pill,
[data-theme="dark"] .filter-btn,
[data-bs-theme="dark"] .menu-nav-pill,
[data-bs-theme="dark"] .category-pill,
[data-bs-theme="dark"] .filter-btn,
body.dark-mode .menu-nav-pill,
body.dark-mode .category-pill,
body.dark-mode .filter-btn {
  background-color: #1e212b !important;
  color: #d1d5db !important;
  border-color: #2c303d !important;
}

[data-theme="dark"] .menu-nav-pill.active,
[data-theme="dark"] .category-pill.active,
[data-theme="dark"] .filter-btn.active,
[data-bs-theme="dark"] .menu-nav-pill.active,
[data-bs-theme="dark"] .category-pill.active,
[data-bs-theme="dark"] .filter-btn.active,
body.dark-mode .menu-nav-pill.active,
body.dark-mode .category-pill.active,
body.dark-mode .filter-btn.active {
  background-color: #8b1a2b !important;
  color: #ffffff !important;
  border-color: #8b1a2b !important;
}

/* ── 8. OFFERS SECTION & CARDS ── */
[data-theme="dark"] .offers-section,
[data-bs-theme="dark"] .offers-section,
body.dark-mode .offers-section {
  background-color: #0f1115 !important;
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
}

[data-theme="dark"] .offer-card,
[data-bs-theme="dark"] .offer-card,
body.dark-mode .offer-card {
  background-color: #181a22 !important;
  border-color: #272a35 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .offer-card:hover,
[data-bs-theme="dark"] .offer-card:hover,
body.dark-mode .offer-card:hover {
  background-color: #1f222d !important;
  border-color: rgba(168, 36, 56, 0.45) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.55) !important;
}

[data-theme="dark"] .offer-card-badge,
[data-bs-theme="dark"] .offer-card-badge,
body.dark-mode .offer-card-badge {
  background-color: var(--es-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 3px 8px rgba(168, 36, 56, 0.4) !important;
}

[data-theme="dark"] .offer-card--gold .offer-card-badge,
[data-bs-theme="dark"] .offer-card--gold .offer-card-badge,
body.dark-mode .offer-card--gold .offer-card-badge {
  background-color: #d97706 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .offer-card--wine .offer-card-badge,
[data-bs-theme="dark"] .offer-card--wine .offer-card-badge,
body.dark-mode .offer-card--wine .offer-card-badge {
  background-color: #991b1b !important;
  color: #ffffff !important;
}

/* Discount Numbers */
[data-theme="dark"] .offer-discount-val,
[data-bs-theme="dark"] .offer-discount-val,
body.dark-mode .offer-discount-val {
  color: #f87171 !important;
}

[data-theme="dark"] .offer-card--gold .offer-discount-val,
[data-bs-theme="dark"] .offer-card--gold .offer-discount-val,
body.dark-mode .offer-card--gold .offer-discount-val {
  color: #fbbf24 !important;
}

[data-theme="dark"] .offer-card--wine .offer-discount-val,
[data-bs-theme="dark"] .offer-card--wine .offer-discount-val,
body.dark-mode .offer-card--wine .offer-discount-val {
  color: #f87171 !important;
}

[data-theme="dark"] .offer-discount-label,
[data-bs-theme="dark"] .offer-discount-label,
body.dark-mode .offer-discount-label {
  color: #e5e7eb !important;
}

[data-theme="dark"] .offer-card-title,
[data-bs-theme="dark"] .offer-card-title,
body.dark-mode .offer-card-title {
  color: #f9fafb !important;
}

[data-theme="dark"] .offer-card-desc,
[data-bs-theme="dark"] .offer-card-desc,
body.dark-mode .offer-card-desc {
  color: #9ca3af !important;
}

[data-theme="dark"] .offer-perks-list li,
[data-bs-theme="dark"] .offer-perks-list li,
body.dark-mode .offer-perks-list li {
  color: #d1d5db !important;
}

[data-theme="dark"] .offer-perks-list li i,
[data-bs-theme="dark"] .offer-perks-list li i,
body.dark-mode .offer-perks-list li i {
  color: #f87171 !important;
}

/* Coupon Box */
[data-theme="dark"] .offer-card-coupon,
[data-bs-theme="dark"] .offer-card-coupon,
body.dark-mode .offer-card-coupon {
  background-color: #12141a !important;
  border: 1.5px dashed #2c303d !important;
}

[data-theme="dark"] .code-label,
[data-bs-theme="dark"] .code-label,
body.dark-mode .code-label {
  color: #9ca3af !important;
}

[data-theme="dark"] .code-value,
[data-bs-theme="dark"] .code-value,
body.dark-mode .code-value {
  color: #facc15 !important;
}

/* Copy Button inside Coupon */
[data-theme="dark"] .btn-copy-code,
[data-bs-theme="dark"] .btn-copy-code,
body.dark-mode .btn-copy-code {
  background-color: #222530 !important;
  border: 1px solid #373c4b !important;
  color: #f3f4f6 !important;
}

[data-theme="dark"] .btn-copy-code:hover,
[data-bs-theme="dark"] .btn-copy-code:hover,
body.dark-mode .btn-copy-code:hover {
  background-color: var(--es-primary) !important;
  border-color: var(--es-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(168, 36, 56, 0.4) !important;
}

[data-theme="dark"] .btn-copy-code.copied,
[data-bs-theme="dark"] .btn-copy-code.copied,
body.dark-mode .btn-copy-code.copied {
  background-color: #059669 !important;
  border-color: #059669 !important;
  color: #ffffff !important;
}

/* Footer & Apply Link */
[data-theme="dark"] .offer-card-footer,
[data-bs-theme="dark"] .offer-card-footer,
body.dark-mode .offer-card-footer {
  border-top-color: #272a35 !important;
}

[data-theme="dark"] .offer-expiry,
[data-bs-theme="dark"] .offer-expiry,
body.dark-mode .offer-expiry {
  color: #9ca3af !important;
}

[data-theme="dark"] .offer-apply-link,
[data-bs-theme="dark"] .offer-apply-link,
body.dark-mode .offer-apply-link {
  color: #f87171 !important;
}

[data-theme="dark"] .offer-apply-link:hover,
[data-bs-theme="dark"] .offer-apply-link:hover,
body.dark-mode .offer-apply-link:hover {
  color: #fca5a5 !important;
}

[data-theme="dark"] .how-it-works-step,
[data-bs-theme="dark"] .how-it-works-step,
body.dark-mode .how-it-works-step {
  background-color: #181a22 !important;
  border-color: #272a35 !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .step-icon-circle,
[data-bs-theme="dark"] .step-icon-circle,
body.dark-mode .step-icon-circle {
  background-color: #222530 !important;
  color: #f87171 !important;
}

/* ── 8B. RESTAURANT STORY / PHILOSOPHY SECTION ── */
[data-theme="dark"] #storySection,
[data-bs-theme="dark"] #storySection,
body.dark-mode #storySection {
  background-color: #0f1115 !important;
  background: #0f1115 !important;
}

[data-theme="dark"] #storySection .es-section-title,
[data-bs-theme="dark"] #storySection .es-section-title,
body.dark-mode #storySection .es-section-title {
  color: #f9fafb !important;
}

[data-theme="dark"] #storySection .es-section-title span,
[data-bs-theme="dark"] #storySection .es-section-title span,
body.dark-mode #storySection .es-section-title span {
  color: #f87171 !important;
}

[data-theme="dark"] #storySection .lead,
[data-bs-theme="dark"] #storySection .lead,
body.dark-mode #storySection .lead {
  color: #9ca3af !important;
}

[data-theme="dark"] #storySection h6,
[data-bs-theme="dark"] #storySection h6,
body.dark-mode #storySection h6 {
  color: #f9fafb !important;
}

[data-theme="dark"] #storySection .text-muted,
[data-bs-theme="dark"] #storySection .text-muted,
body.dark-mode #storySection .text-muted {
  color: #9ca3af !important;
}

[data-theme="dark"] .btn-outline-primary,
[data-bs-theme="dark"] .btn-outline-primary,
body.dark-mode .btn-outline-primary {
  color: #f87171 !important;
  border-color: #f87171 !important;
  background-color: transparent !important;
}

[data-theme="dark"] .btn-outline-primary:hover,
[data-bs-theme="dark"] .btn-outline-primary:hover,
body.dark-mode .btn-outline-primary:hover {
  color: #ffffff !important;
  background-color: var(--es-primary) !important;
  border-color: var(--es-primary) !important;
  box-shadow: 0 4px 14px rgba(168, 36, 56, 0.4) !important;
}

/* ── 9. REVIEWS & TESTIMONIALS SECTION ── */
[data-theme="dark"] .testimonials-section,
[data-bs-theme="dark"] .testimonials-section,
body.dark-mode .testimonials-section {
  background-color: #0f1115 !important;
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
}

[data-theme="dark"] .reviews-rating-bar,
[data-bs-theme="dark"] .reviews-rating-bar,
body.dark-mode .reviews-rating-bar {
  background-color: #181a22 !important;
  border-color: #272a35 !important;
}

[data-theme="dark"] .r-bar-num,
[data-bs-theme="dark"] .r-bar-num,
body.dark-mode .r-bar-num {
  color: #f9fafb !important;
}

[data-theme="dark"] .r-bar-num small,
[data-bs-theme="dark"] .r-bar-num small,
body.dark-mode .r-bar-num small {
  color: #9ca3af !important;
}

[data-theme="dark"] .r-bar-text strong,
[data-bs-theme="dark"] .r-bar-text strong,
body.dark-mode .r-bar-text strong {
  color: #f3f4f6 !important;
}

[data-theme="dark"] .r-bar-text small,
[data-bs-theme="dark"] .r-bar-text small,
body.dark-mode .r-bar-text small {
  color: #9ca3af !important;
}

[data-theme="dark"] .r-bar-divider,
[data-bs-theme="dark"] .r-bar-divider,
body.dark-mode .r-bar-divider {
  background-color: #272a35 !important;
}

[data-theme="dark"] .testimonial-card,
[data-bs-theme="dark"] .testimonial-card,
body.dark-mode .testimonial-card {
  background-color: #181a22 !important;
  border-color: #272a35 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .testimonial-card:hover,
[data-bs-theme="dark"] .testimonial-card:hover,
body.dark-mode .testimonial-card:hover {
  background-color: #1f222d !important;
  border-color: #3b4152 !important;
}

[data-theme="dark"] .t-quote-mark,
[data-bs-theme="dark"] .t-quote-mark,
body.dark-mode .t-quote-mark {
  color: #242733 !important;
}

[data-theme="dark"] .t-text,
[data-bs-theme="dark"] .t-text,
body.dark-mode .t-text {
  color: #d1d5db !important;
}

[data-theme="dark"] .t-dish-badge,
[data-bs-theme="dark"] .t-dish-badge,
body.dark-mode .t-dish-badge {
  background-color: #222530 !important;
  border-color: #2c303d !important;
  color: #f87171 !important;
}

[data-theme="dark"] .reviews-cta-strip,
[data-bs-theme="dark"] .reviews-cta-strip,
body.dark-mode .reviews-cta-strip {
  background-color: #181a22 !important;
  border: 1px solid #272a35 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .reviews-cta-strip h5,
[data-bs-theme="dark"] .reviews-cta-strip h5,
body.dark-mode .reviews-cta-strip h5,
[data-theme="dark"] .reviews-cta-strip .text-dark,
[data-bs-theme="dark"] .reviews-cta-strip .text-dark,
body.dark-mode .reviews-cta-strip .text-dark {
  color: #f9fafb !important;
}

[data-theme="dark"] .reviews-cta-strip small,
[data-bs-theme="dark"] .reviews-cta-strip small,
body.dark-mode .reviews-cta-strip small {
  color: #9ca3af !important;
}

[data-theme="dark"] .reviews-carousel-arrow,
[data-bs-theme="dark"] .reviews-carousel-arrow,
body.dark-mode .reviews-carousel-arrow {
  background-color: #181a22 !important;
  border-color: #272a35 !important;
  color: #f9fafb !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .reviews-carousel-arrow:hover,
[data-bs-theme="dark"] .reviews-carousel-arrow:hover,
body.dark-mode .reviews-carousel-arrow:hover {
  background-color: #a82438 !important;
  border-color: #a82438 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .reviews-carousel .carousel-indicators button,
[data-bs-theme="dark"] .reviews-carousel .carousel-indicators button,
body.dark-mode .reviews-carousel .carousel-indicators button {
  background-color: #272a35 !important;
}

[data-theme="dark"] .reviews-carousel .carousel-indicators button.active,
[data-bs-theme="dark"] .reviews-carousel .carousel-indicators button.active,
body.dark-mode .reviews-carousel .carousel-indicators button.active {
  background-color: #a82438 !important;
}

/* ── 10. FLAGSHIP LOCATION & MAP SECTION ── */
[data-theme="dark"] .location-experience-section,
[data-bs-theme="dark"] .location-experience-section,
body.dark-mode .location-experience-section {
  background-color: #13151b !important;
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
}

[data-theme="dark"] .location-heading,
[data-bs-theme="dark"] .location-heading,
body.dark-mode .location-heading {
  color: #f9fafb !important;
}

[data-theme="dark"] .location-subtext,
[data-bs-theme="dark"] .location-subtext,
body.dark-mode .location-subtext {
  color: #9ca3af !important;
}

[data-theme="dark"] .location-feature-tile,
[data-bs-theme="dark"] .location-feature-tile,
body.dark-mode .location-feature-tile {
  background-color: #181a22 !important;
  border-color: #272a35 !important;
}

[data-theme="dark"] .location-feature-tile:hover,
[data-bs-theme="dark"] .location-feature-tile:hover,
body.dark-mode .location-feature-tile:hover {
  background-color: #1f222d !important;
  border-color: #3b4152 !important;
}

[data-theme="dark"] .lft-icon,
[data-bs-theme="dark"] .lft-icon,
body.dark-mode .lft-icon {
  background-color: #222530 !important;
  color: #f87171 !important;
}

[data-theme="dark"] .lft-title,
[data-bs-theme="dark"] .lft-title,
body.dark-mode .lft-title {
  color: #f9fafb !important;
}

[data-theme="dark"] .lft-desc,
[data-bs-theme="dark"] .lft-desc,
body.dark-mode .lft-desc {
  color: #9ca3af !important;
}

[data-theme="dark"] .location-meta-strip,
[data-bs-theme="dark"] .location-meta-strip,
body.dark-mode .location-meta-strip {
  background-color: #1d202a !important;
  border-color: #2c303d !important;
}

[data-theme="dark"] .location-meta-strip strong,
[data-bs-theme="dark"] .location-meta-strip strong,
body.dark-mode .location-meta-strip strong {
  color: #f9fafb !important;
}

[data-theme="dark"] .location-meta-strip small,
[data-bs-theme="dark"] .location-meta-strip small,
body.dark-mode .location-meta-strip small {
  color: #9ca3af !important;
}

[data-theme="dark"] .location-map-wrapper,
[data-bs-theme="dark"] .location-map-wrapper,
body.dark-mode .location-map-wrapper {
  background-color: #181a22 !important;
}

/* ── 10B. HOME PAGE SECTIONS — ZERO HARSH DIVIDER BORDERS IN DARK MODE ── */
[data-theme="dark"] .delivery-partners-section,
[data-theme="dark"] .offers-section,
[data-theme="dark"] .testimonials-section,
[data-theme="dark"] .location-experience-section,
[data-theme="dark"] .todays-special-section,
[data-theme="dark"] .reservation-cta-section,
[data-theme="dark"] #deliveryPartnersSection,
[data-theme="dark"] #categoriesSection,
[data-theme="dark"] #popularSection,
[data-theme="dark"] #offersSection,
[data-theme="dark"] #storySection,
[data-theme="dark"] #testimonialsSection,
[data-theme="dark"] #restaurantLocation,
[data-bs-theme="dark"] .delivery-partners-section,
[data-bs-theme="dark"] .offers-section,
[data-bs-theme="dark"] .testimonials-section,
[data-bs-theme="dark"] .location-experience-section,
[data-bs-theme="dark"] .todays-special-section,
[data-bs-theme="dark"] .reservation-cta-section,
[data-bs-theme="dark"] #deliveryPartnersSection,
[data-bs-theme="dark"] #categoriesSection,
[data-bs-theme="dark"] #popularSection,
[data-bs-theme="dark"] #offersSection,
[data-bs-theme="dark"] #storySection,
[data-bs-theme="dark"] #testimonialsSection,
[data-bs-theme="dark"] #restaurantLocation,
body.dark-mode .delivery-partners-section,
body.dark-mode .offers-section,
body.dark-mode .testimonials-section,
body.dark-mode .location-experience-section,
body.dark-mode .todays-special-section,
body.dark-mode .reservation-cta-section,
body.dark-mode #deliveryPartnersSection,
body.dark-mode #categoriesSection,
body.dark-mode #popularSection,
body.dark-mode #offersSection,
body.dark-mode #storySection,
body.dark-mode #testimonialsSection,
body.dark-mode #restaurantLocation {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  border: none !important;
}

/* ── 11. CART PAGE & CART DRAWER ── */
[data-theme="dark"] .page-cart,
[data-theme="dark"] .page-cart section,
[data-bs-theme="dark"] .page-cart,
[data-bs-theme="dark"] .page-cart section,
body.dark-mode .page-cart,
body.dark-mode .page-cart section {
  background-color: #0f1115 !important;
}

[data-theme="dark"] .list-group-item.cart-row,
[data-bs-theme="dark"] .list-group-item.cart-row,
body.dark-mode .list-group-item.cart-row {
  background-color: #181a22 !important;
  border-color: #272a35 !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .cart-row h6 a,
[data-bs-theme="dark"] .cart-row h6 a,
body.dark-mode .cart-row h6 a {
  color: #f9fafb !important;
}

[data-theme="dark"] .cart-row .rounded-pill.border,
[data-bs-theme="dark"] .cart-row .rounded-pill.border,
body.dark-mode .cart-row .rounded-pill.border {
  border-color: #2c303d !important;
  background-color: #1d202a !important;
}

[data-theme="dark"] .qty-minus-btn,
[data-theme="dark"] .qty-plus-btn,
[data-theme="dark"] .item-qty-val,
[data-bs-theme="dark"] .qty-minus-btn,
[data-bs-theme="dark"] .qty-plus-btn,
[data-bs-theme="dark"] .item-qty-val,
body.dark-mode .qty-minus-btn,
body.dark-mode .qty-plus-btn,
body.dark-mode .item-qty-val {
  color: #f3f4f6 !important;
}

[data-theme="dark"] .page-cart .card,
[data-bs-theme="dark"] .page-cart .card,
body.dark-mode .page-cart .card {
  background-color: #181a22 !important;
  border: 1px solid #272a35 !important;
  color: #d1d5db !important;
}

[data-theme="dark"] #sumGrandTotal,
[data-theme="dark"] #checkoutGrandTotal,
[data-bs-theme="dark"] #sumGrandTotal,
[data-bs-theme="dark"] #checkoutGrandTotal,
body.dark-mode #sumGrandTotal,
body.dark-mode #checkoutGrandTotal {
  color: #f87171 !important;
}

/* ── 12. CHECKOUT PAGE ── */
[data-theme="dark"] .page-checkout,
[data-theme="dark"] .page-checkout section,
[data-bs-theme="dark"] .page-checkout,
[data-bs-theme="dark"] .page-checkout section,
body.dark-mode .page-checkout,
body.dark-mode .page-checkout section {
  background-color: #0f1115 !important;
}

[data-theme="dark"] .checkout-card,
[data-bs-theme="dark"] .checkout-card,
body.dark-mode .checkout-card {
  background-color: #181a22 !important;
  border: 1px solid #272a35 !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .checkout-card h4,
[data-theme="dark"] .checkout-card h5,
[data-theme="dark"] .checkout-card h6,
[data-bs-theme="dark"] .checkout-card h4,
[data-bs-theme="dark"] .checkout-card h5,
[data-bs-theme="dark"] .checkout-card h6,
body.dark-mode .checkout-card h4,
body.dark-mode .checkout-card h5,
body.dark-mode .checkout-card h6 {
  color: #f9fafb !important;
}

[data-theme="dark"] .order-type-btn,
[data-theme="dark"] .payment-card,
[data-bs-theme="dark"] .order-type-btn,
[data-bs-theme="dark"] .payment-card,
body.dark-mode .order-type-btn,
body.dark-mode .payment-card {
  background-color: #1d202a !important;
  border-color: #2c303d !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .order-type-btn.active,
[data-theme="dark"] .payment-card.active,
[data-bs-theme="dark"] .order-type-btn.active,
[data-bs-theme="dark"] .payment-card.active,
body.dark-mode .order-type-btn.active,
body.dark-mode .payment-card.active {
  background-color: rgba(168, 36, 56, 0.22) !important;
  border-color: #a82438 !important;
  color: #ffffff !important;
}

/* ── 13. DISH DETAIL PAGE ── */
[data-theme="dark"] .sticky-order-box,
[data-bs-theme="dark"] .sticky-order-box,
body.dark-mode .sticky-order-box {
  background-color: #181a22 !important;
  border: 1px solid #272a35 !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .variant-card,
[data-bs-theme="dark"] .variant-card,
body.dark-mode .variant-card {
  background-color: #1d202a !important;
  border-color: #2c303d !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .variant-card.active,
[data-bs-theme="dark"] .variant-card.active,
body.dark-mode .variant-card.active {
  background-color: rgba(168, 36, 56, 0.22) !important;
  border-color: #a82438 !important;
  color: #ffffff !important;
}

/* ── 14. RESERVATION PAGE COMPLETE SYSTEM ── */
[data-theme="dark"] .page-reservation,
[data-theme="dark"] .page-reservation section,
[data-theme="dark"] .res-body-section,
[data-bs-theme="dark"] .page-reservation,
[data-bs-theme="dark"] .page-reservation section,
[data-bs-theme="dark"] .res-body-section,
body.dark-mode .page-reservation,
body.dark-mode .page-reservation section,
body.dark-mode .res-body-section {
  background-color: #0f1115 !important;
}

/* Main Form Card */
[data-theme="dark"] .res-form-card,
[data-bs-theme="dark"] .res-form-card,
body.dark-mode .res-form-card {
  background-color: #181a22 !important;
  border: 1px solid #272a35 !important;
  color: #d1d5db !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important;
}

/* Stepper Progress Bar */
[data-theme="dark"] .res-stepper,
[data-bs-theme="dark"] .res-stepper,
body.dark-mode .res-stepper {
  border-bottom-color: #272a35 !important;
}

[data-theme="dark"] .res-step-circle,
[data-bs-theme="dark"] .res-step-circle,
body.dark-mode .res-step-circle {
  background-color: #20232e !important;
  border-color: #2c303d !important;
  color: #9ca3af !important;
}

[data-theme="dark"] .res-step-connector,
[data-bs-theme="dark"] .res-step-connector,
body.dark-mode .res-step-connector {
  background-color: #272a35 !important;
}

[data-theme="dark"] .res-step-label,
[data-bs-theme="dark"] .res-step-label,
body.dark-mode .res-step-label {
  color: #9ca3af !important;
}

[data-theme="dark"] .res-step.active .res-step-circle,
[data-bs-theme="dark"] .res-step.active .res-step-circle,
body.dark-mode .res-step.active .res-step-circle {
  background-color: #8b1a2b !important;
  border-color: #8b1a2b !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 5px rgba(139, 26, 43, 0.25) !important;
}

[data-theme="dark"] .res-step.active .res-step-label,
[data-bs-theme="dark"] .res-step.active .res-step-label,
body.dark-mode .res-step.active .res-step-label {
  color: #f87171 !important;
}

[data-theme="dark"] .res-step.done .res-step-circle,
[data-bs-theme="dark"] .res-step.done .res-step-circle,
body.dark-mode .res-step.done .res-step-circle {
  background-color: #16a34a !important;
  border-color: #16a34a !important;
  color: #ffffff !important;
}

[data-theme="dark"] .res-step.done .res-step-label,
[data-bs-theme="dark"] .res-step.done .res-step-label,
body.dark-mode .res-step.done .res-step-label {
  color: #34d399 !important;
}

[data-theme="dark"] .res-step.done + .res-step-connector,
[data-bs-theme="dark"] .res-step.done + .res-step-connector,
body.dark-mode .res-step.done + .res-step-connector {
  background-color: #16a34a !important;
}

/* Headings & Subtitles */
[data-theme="dark"] .res-section-title,
[data-bs-theme="dark"] .res-section-title,
body.dark-mode .res-section-title {
  color: #f9fafb !important;
}

[data-theme="dark"] .res-section-sub,
[data-bs-theme="dark"] .res-section-sub,
body.dark-mode .res-section-sub {
  color: #9ca3af !important;
}

/* Guest Counter */
[data-theme="dark"] .guest-counter-btn,
[data-bs-theme="dark"] .guest-counter-btn,
body.dark-mode .guest-counter-btn {
  background-color: #20232e !important;
  border-color: #2c303d !important;
  color: #f9fafb !important;
}

[data-theme="dark"] .guest-counter-btn:hover,
[data-bs-theme="dark"] .guest-counter-btn:hover,
body.dark-mode .guest-counter-btn:hover {
  background-color: #2c303d !important;
  border-color: #8b1a2b !important;
  color: #f87171 !important;
}

[data-theme="dark"] .guest-counter-val,
[data-bs-theme="dark"] .guest-counter-val,
body.dark-mode .guest-counter-val {
  color: #f9fafb !important;
}

/* Area Picker Cards */
[data-theme="dark"] .area-pick-card,
[data-bs-theme="dark"] .area-pick-card,
body.dark-mode .area-pick-card {
  background-color: #1d202a !important;
  border-color: #2c303d !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .area-pick-card h6,
[data-bs-theme="dark"] .area-pick-card h6,
body.dark-mode .area-pick-card h6 {
  color: #f9fafb !important;
}

[data-theme="dark"] .area-pick-card p,
[data-bs-theme="dark"] .area-pick-card p,
body.dark-mode .area-pick-card p {
  color: #9ca3af !important;
}

[data-theme="dark"] .area-pick-card:hover,
[data-bs-theme="dark"] .area-pick-card:hover,
body.dark-mode .area-pick-card:hover {
  border-color: #8b1a2b !important;
  background-color: #242836 !important;
}

[data-theme="dark"] .area-pick-card.selected,
[data-bs-theme="dark"] .area-pick-card.selected,
body.dark-mode .area-pick-card.selected {
  background-color: rgba(168, 36, 56, 0.22) !important;
  border-color: #a82438 !important;
  box-shadow: 0 0 0 3px rgba(168, 36, 56, 0.25) !important;
}

/* Time Slot Pills */
[data-theme="dark"] .time-slot-pill,
[data-bs-theme="dark"] .time-slot-pill,
body.dark-mode .time-slot-pill {
  background-color: #1d202a !important;
  border-color: #2c303d !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .time-slot-pill:hover,
[data-bs-theme="dark"] .time-slot-pill:hover,
body.dark-mode .time-slot-pill:hover {
  border-color: #8b1a2b !important;
  color: #f87171 !important;
  background-color: #242836 !important;
}

[data-theme="dark"] .time-slot-pill.selected,
[data-bs-theme="dark"] .time-slot-pill.selected,
body.dark-mode .time-slot-pill.selected {
  background-color: #8b1a2b !important;
  border-color: #8b1a2b !important;
  color: #ffffff !important;
  box-shadow: 0 3px 12px rgba(139, 26, 43, 0.4) !important;
}

[data-theme="dark"] .time-slot-pill.unavailable,
[data-bs-theme="dark"] .time-slot-pill.unavailable,
body.dark-mode .time-slot-pill.unavailable {
  opacity: 0.3 !important;
}

/* Navigation Buttons */
[data-theme="dark"] .res-nav-btn-back,
[data-bs-theme="dark"] .res-nav-btn-back,
body.dark-mode .res-nav-btn-back {
  background-color: #20232e !important;
  border-color: #2c303d !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .res-nav-btn-back:hover,
[data-bs-theme="dark"] .res-nav-btn-back:hover,
body.dark-mode .res-nav-btn-back:hover {
  background-color: #292d3b !important;
  color: #ffffff !important;
}

/* Right Summary Sidebar Card */
[data-theme="dark"] .res-summary-card,
[data-bs-theme="dark"] .res-summary-card,
body.dark-mode .res-summary-card {
  background: linear-gradient(160deg, #181a24 0%, #0f1016 100%) !important;
  border: 1px solid #272a35 !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.6) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .res-summary-row,
[data-bs-theme="dark"] .res-summary-row,
body.dark-mode .res-summary-row {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .res-summary-icon,
[data-bs-theme="dark"] .res-summary-icon,
body.dark-mode .res-summary-icon {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #facc15 !important;
}

[data-theme="dark"] .res-summary-label,
[data-bs-theme="dark"] .res-summary-label,
body.dark-mode .res-summary-label {
  color: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] .res-summary-val,
[data-bs-theme="dark"] .res-summary-val,
body.dark-mode .res-summary-val {
  color: #ffffff !important;
}

/* Select2 Form Controls in Reservation */
[data-theme="dark"] .select2-container .select2-selection--single,
[data-bs-theme="dark"] .select2-container .select2-selection--single,
body.dark-mode .select2-container .select2-selection--single {
  background-color: #1d202a !important;
  background: #1d202a !important;
  border-color: #2c303d !important;
  color: #f9fafb !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #f9fafb !important;
}

[data-theme="dark"] .select2-dropdown,
[data-bs-theme="dark"] .select2-dropdown,
body.dark-mode .select2-dropdown {
  background-color: #181a22 !important;
  background: #181a22 !important;
  border-color: #2c303d !important;
  color: #f3f4f6 !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.75) !important;
}

[data-theme="dark"] .select2-results,
[data-theme="dark"] .select2-results__options,
[data-bs-theme="dark"] .select2-results,
[data-bs-theme="dark"] .select2-results__options,
body.dark-mode .select2-results,
body.dark-mode .select2-results__options {
  background-color: #181a22 !important;
  background: #181a22 !important;
}

[data-theme="dark"] .select2-results__option,
[data-bs-theme="dark"] .select2-results__option,
body.dark-mode .select2-results__option {
  background-color: #181a22 !important;
  background: #181a22 !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected],
[data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected],
body.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #8b1a2b !important;
  background: #8b1a2b !important;
  color: #ffffff !important;
}

/* ── 15. INPUTS & FORM CONTROLS (UNIVERSAL) ── */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="time"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] textarea,
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] input[type="text"],
[data-bs-theme="dark"] input[type="email"],
[data-bs-theme="dark"] input[type="tel"],
[data-bs-theme="dark"] input[type="date"],
[data-bs-theme="dark"] input[type="time"],
[data-bs-theme="dark"] input[type="number"],
[data-bs-theme="dark"] textarea,
body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="date"],
body.dark-mode input[type="time"],
body.dark-mode input[type="number"],
body.dark-mode textarea {
  background-color: #1d202a !important;
  border-color: #2c303d !important;
  color: #f9fafb !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus,
[data-bs-theme="dark"] input:focus,
[data-bs-theme="dark"] textarea:focus,
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus,
body.dark-mode input:focus,
body.dark-mode textarea:focus {
  background-color: #232734 !important;
  border-color: #a82438 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(168, 36, 56, 0.25) !important;
}

[data-theme="dark"] .form-control::placeholder,
[data-bs-theme="dark"] .form-control::placeholder,
body.dark-mode .form-control::placeholder {
  color: #6b7280 !important;
}

[data-theme="dark"] .input-group-text,
[data-bs-theme="dark"] .input-group-text,
body.dark-mode .input-group-text {
  background-color: #161820 !important;
  border-color: #2c303d !important;
  color: #9ca3af !important;
}

/* ── 16. TABLES & LIST GROUPS ── */
[data-theme="dark"] .table,
[data-bs-theme="dark"] .table,
body.dark-mode .table {
  color: #d1d5db !important;
  border-color: #272a35 !important;
}

[data-theme="dark"] .table > :not(caption) > * > *,
[data-bs-theme="dark"] .table > :not(caption) > * > *,
body.dark-mode .table > :not(caption) > * > * {
  background-color: #181a22 !important;
  color: #d1d5db !important;
  border-bottom-color: #272a35 !important;
}

[data-theme="dark"] .list-group-item,
[data-bs-theme="dark"] .list-group-item,
body.dark-mode .list-group-item {
  background-color: #181a22 !important;
  border-color: #272a35 !important;
  color: #d1d5db !important;
}

/* ── 17. MODALS, POPOVERS & SWEETALERT2 ── */
[data-theme="dark"] .modal-content,
[data-bs-theme="dark"] .modal-content,
body.dark-mode .modal-content {
  background-color: #181a22 !important;
  border-color: #2c303d !important;
  color: #f3f4f6 !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.75) !important;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer,
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer,
body.dark-mode .modal-header,
body.dark-mode .modal-footer {
  border-color: #272a35 !important;
}

[data-theme="dark"] .btn-close,
[data-bs-theme="dark"] .btn-close,
body.dark-mode .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%) !important;
}

[data-theme="dark"] .swal2-popup,
[data-bs-theme="dark"] .swal2-popup,
body.dark-mode .swal2-popup {
  background-color: #181a22 !important;
  color: #f3f4f6 !important;
  border: 1px solid #2c303d !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.8) !important;
}

[data-theme="dark"] .swal2-title,
[data-bs-theme="dark"] .swal2-title,
body.dark-mode .swal2-title {
  color: #f9fafb !important;
}

[data-theme="dark"] .swal2-html-container,
[data-bs-theme="dark"] .swal2-html-container,
body.dark-mode .swal2-html-container {
  color: #d1d5db !important;
}

/* ── 18. DROPDOWNS ── */
[data-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] .dropdown-menu,
body.dark-mode .dropdown-menu {
  background-color: #181a22 !important;
  border-color: #2c303d !important;
  color: #f3f4f6 !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.65) !important;
}

[data-theme="dark"] .dropdown-item,
[data-bs-theme="dark"] .dropdown-item,
body.dark-mode .dropdown-item {
  color: #d1d5db !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:hover,
body.dark-mode .dropdown-item:hover {
  background-color: #222530 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .dropdown-divider,
[data-bs-theme="dark"] .dropdown-divider,
body.dark-mode .dropdown-divider {
  border-color: #272a35 !important;
}

/* ── 19. MOBILE BOTTOM NAVIGATION ── */
[data-theme="dark"] .mobile-bottom-nav,
[data-bs-theme="dark"] .mobile-bottom-nav,
body.dark-mode .mobile-bottom-nav {
  background-color: #13151b !important;
  border-top-color: #242732 !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .mobile-bottom-nav-item,
[data-bs-theme="dark"] .mobile-bottom-nav-item,
body.dark-mode .mobile-bottom-nav-item {
  color: #9ca3af !important;
}

[data-theme="dark"] .mobile-bottom-nav-item.active,
[data-bs-theme="dark"] .mobile-bottom-nav-item.active,
body.dark-mode .mobile-bottom-nav-item.active {
  color: #f87171 !important;
}

[data-theme="dark"] .mobile-bottom-nav-item span,
[data-bs-theme="dark"] .mobile-bottom-nav-item span,
body.dark-mode .mobile-bottom-nav-item span {
  color: inherit !important;
}

/* ── 20. CONTACT & OTHER SECONDARY PAGES ── */
[data-theme="dark"] .contact .contact-container,
[data-bs-theme="dark"] .contact .contact-container,
body.dark-mode .contact .contact-container {
  background-color: #181a22 !important;
  border-color: #272a35 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .contact-action-card,
[data-bs-theme="dark"] .contact-action-card,
body.dark-mode .contact-action-card {
  background: linear-gradient(145deg, #181a24 0%, #1e2230 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35) !important;
  color: #e5e7eb !important;
}

[data-theme="dark"] .contact-action-card:hover,
[data-bs-theme="dark"] .contact-action-card:hover,
body.dark-mode .contact-action-card:hover {
  border-color: rgba(220, 38, 38, 0.35) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.5), 0 0 20px rgba(139, 26, 43, 0.2) !important;
}

[data-theme="dark"] .contact-action-card .card-title,
[data-bs-theme="dark"] .contact-action-card .card-title,
body.dark-mode .contact-action-card .card-title {
  color: #ffffff !important;
  font-family: var(--es-font-heading, inherit) !important;
}

[data-theme="dark"] .contact-action-card .card-text,
[data-bs-theme="dark"] .contact-action-card .card-text,
body.dark-mode .contact-action-card .card-text {
  color: #9ca3af !important;
}

[data-theme="dark"] .contact-action-icon,
[data-bs-theme="dark"] .contact-action-icon,
body.dark-mode .contact-action-icon {
  background: rgba(139, 26, 43, 0.22) !important;
  border: 1px solid rgba(220, 38, 38, 0.3) !important;
  box-shadow: 0 0 16px rgba(139, 26, 43, 0.25) !important;
}

[data-theme="dark"] .contact-action-icon i,
[data-bs-theme="dark"] .contact-action-icon i,
body.dark-mode .contact-action-icon i {
  color: #f87171 !important;
}

[data-theme="dark"] .contact h5,
[data-bs-theme="dark"] .contact h5,
body.dark-mode .contact h5 {
  color: #f87171 !important;
}

[data-theme="dark"] .contact .social-icon a,
[data-bs-theme="dark"] .contact .social-icon a,
body.dark-mode .contact .social-icon a {
  background-color: #222530 !important;
  border-color: #2c303d !important;
  box-shadow: none !important;
}

[data-theme="dark"] .contact .social-icon a:hover,
[data-bs-theme="dark"] .contact .social-icon a:hover,
body.dark-mode .contact .social-icon a:hover {
  background-color: #2a2e3c !important;
  border-color: #f87171 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .contact a,
[data-bs-theme="dark"] .contact a,
body.dark-mode .contact a {
  color: #d1d5db !important;
}

[data-theme="dark"] .contact a:hover,
[data-bs-theme="dark"] .contact a:hover,
body.dark-mode .contact a:hover {
  color: #f87171 !important;
}

[data-theme="dark"] .contact .card,
[data-bs-theme="dark"] .contact .card,
body.dark-mode .contact .card {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] .contact input[type="text"],
[data-theme="dark"] .contact input[type="email"],
[data-theme="dark"] .contact input[type="tel"],
[data-theme="dark"] .contact textarea.form-control,
[data-bs-theme="dark"] .contact input[type="text"],
[data-bs-theme="dark"] .contact input[type="email"],
[data-bs-theme="dark"] .contact input[type="tel"],
[data-bs-theme="dark"] .contact textarea.form-control,
body.dark-mode .contact input[type="text"],
body.dark-mode .contact input[type="email"],
body.dark-mode .contact input[type="tel"],
body.dark-mode .contact textarea.form-control {
  background-color: #1d202a !important;
  border: 1.5px solid #2c303d !important;
  box-shadow: none !important;
  color: #f9fafb !important;
}

[data-theme="dark"] .contact input[type="text"]:focus,
[data-theme="dark"] .contact input[type="email"]:focus,
[data-theme="dark"] .contact input[type="tel"]:focus,
[data-theme="dark"] .contact textarea.form-control:focus,
[data-bs-theme="dark"] .contact input[type="text"]:focus,
[data-bs-theme="dark"] .contact input[type="email"]:focus,
[data-bs-theme="dark"] .contact input[type="tel"]:focus,
[data-bs-theme="dark"] .contact textarea.form-control:focus,
body.dark-mode .contact input[type="text"]:focus,
body.dark-mode .contact input[type="email"]:focus,
body.dark-mode .contact input[type="tel"]:focus,
body.dark-mode .contact textarea.form-control:focus {
  background-color: #232734 !important;
  border-color: #a82438 !important;
  box-shadow: 0 0 0 3px rgba(168, 36, 56, 0.25) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .contact input::placeholder,
[data-theme="dark"] .contact textarea::placeholder,
[data-bs-theme="dark"] .contact input::placeholder,
[data-bs-theme="dark"] .contact textarea::placeholder,
body.dark-mode .contact input::placeholder,
body.dark-mode .contact textarea::placeholder {
  color: #6b7280 !important;
}

[data-theme="dark"] .contact .vr,
[data-bs-theme="dark"] .contact .vr,
body.dark-mode .contact .vr {
  background-color: #2c303d !important;
  opacity: 1 !important;
}

/* ── 21. SUCCESS & TICKET PAGES ── */
[data-theme="dark"] .res-ticket,
[data-theme="dark"] .receipt-box,
[data-bs-theme="dark"] .res-ticket,
[data-bs-theme="dark"] .receipt-box,
body.dark-mode .res-ticket,
body.dark-mode .receipt-box {
  background-color: #181a22 !important;
  border: 1px solid #272a35 !important;
  color: #d1d5db !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .success-badge-icon,
[data-bs-theme="dark"] .success-badge-icon,
body.dark-mode .success-badge-icon {
  background-color: rgba(22, 163, 74, 0.2) !important;
}

/* ── 22. AUTHENTICATION (LOGIN & REGISTER) ── */
[data-theme="dark"] .auth-form-side,
[data-bs-theme="dark"] .auth-form-side,
body.dark-mode .auth-form-side {
  background-color: #13151b !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .auth-wrapper,
[data-bs-theme="dark"] .auth-wrapper,
body.dark-mode .auth-wrapper {
  background-color: #0f1115 !important;
}

/* ── 23. CUSTOMER ACCOUNT DASHBOARD ── */
[data-theme="dark"] .page-account,
[data-bs-theme="dark"] .page-account,
body.dark-mode .page-account {
  background-color: #0f1115 !important;
}

[data-theme="dark"] .page-account .card,
[data-theme="dark"] .page-account .list-group-item,
[data-bs-theme="dark"] .page-account .card,
[data-bs-theme="dark"] .page-account .list-group-item,
body.dark-mode .page-account .card,
body.dark-mode .page-account .list-group-item {
  background-color: #181a22 !important;
  border-color: #272a35 !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .page-account .list-group-item.active,
[data-bs-theme="dark"] .page-account .list-group-item.active,
body.dark-mode .page-account .list-group-item.active {
  background-color: #8b1a2b !important;
  border-color: #8b1a2b !important;
  color: #ffffff !important;
}

/* ── 24. GALLERY & TIMELINE STYLES ── */
[data-theme="dark"] .image-gallery-tabs .nav-link,
[data-bs-theme="dark"] .image-gallery-tabs .nav-link,
body.dark-mode .image-gallery-tabs .nav-link {
  background-color: #1d202a !important;
  border-color: #2c303d !important;
  color: #d1d5db !important;
}

[data-theme="dark"] .image-gallery-tabs .nav-link:hover,
[data-bs-theme="dark"] .image-gallery-tabs .nav-link:hover,
body.dark-mode .image-gallery-tabs .nav-link:hover {
  border-color: #8b1a2b !important;
  color: #f87171 !important;
}

[data-theme="dark"] .image-gallery-tabs .nav-link.active,
[data-bs-theme="dark"] .image-gallery-tabs .nav-link.active,
body.dark-mode .image-gallery-tabs .nav-link.active {
  background-color: #8b1a2b !important;
  border-color: #8b1a2b !important;
  color: #ffffff !important;
}

[data-theme="dark"] .timeline-step-icon,
[data-bs-theme="dark"] .timeline-step-icon,
body.dark-mode .timeline-step-icon {
  background-color: #20232e !important;
  border-color: #2c303d !important;
  color: #9ca3af !important;
}

[data-theme="dark"] .timeline-wrap::before,
[data-bs-theme="dark"] .timeline-wrap::before,
body.dark-mode .timeline-wrap::before {
  background-color: #272a35 !important;
}

/* ── 25. THEME SWITCHER BUTTON STYLING ── */
.theme-toggle-btn {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1.5px solid #e5e7eb;
  background-color: #ffffff;
  color: #4b5563;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0;
  position: relative;
  overflow: hidden;
}

.theme-toggle-btn:hover {
  background-color: #f3f4f6;
  color: #111827;
  border-color: #d1d5db;
  transform: scale(1.06);
}

/* Dark state of button */
[data-theme="dark"] .theme-toggle-btn,
[data-bs-theme="dark"] .theme-toggle-btn,
body.dark-mode .theme-toggle-btn {
  border-color: #373c4b !important;
  background-color: #1e212b !important;
  color: #facc15 !important;
  box-shadow: 0 0 12px rgba(250, 204, 21, 0.15);
}

[data-theme="dark"] .theme-toggle-btn:hover,
[data-bs-theme="dark"] .theme-toggle-btn:hover,
body.dark-mode .theme-toggle-btn:hover {
  background-color: #292d3b !important;
  color: #fde047 !important;
  border-color: #facc15 !important;
  transform: scale(1.08);
}

/* Icon Switching with Smooth Rotation */
.theme-toggle-btn i {
  font-size: 1.05rem;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
}

.theme-toggle-btn .bi-moon-stars-fill {
  display: inline-block;
  opacity: 1;
}

.theme-toggle-btn .bi-sun-fill {
  display: none;
  opacity: 0;
}

[data-theme="dark"] .theme-toggle-btn .bi-moon-stars-fill,
[data-bs-theme="dark"] .theme-toggle-btn .bi-moon-stars-fill,
body.dark-mode .theme-toggle-btn .bi-moon-stars-fill {
  display: none;
  opacity: 0;
}

[data-theme="dark"] .theme-toggle-btn .bi-sun-fill,
[data-bs-theme="dark"] .theme-toggle-btn .bi-sun-fill,
body.dark-mode .theme-toggle-btn .bi-sun-fill {
  display: inline-block;
  opacity: 1;
  animation: sunGlow 0.4s ease forwards;
}

@keyframes sunGlow {
  0% { transform: rotate(-45deg) scale(0.6); opacity: 0; }
  100% { transform: rotate(0deg) scale(1); opacity: 1; }
}

/* ── Header Language Switcher (Dark Mode) ── */
[data-theme="dark"] .header-lang-btn,
body.dark-mode .header-lang-btn {
  background: #171920 !important;
  border-color: #272a35 !important;
  color: #f3f4f6 !important;
}

[data-theme="dark"] .header-lang-btn:hover,
[data-theme="dark"] .header-lang-btn:focus,
[data-theme="dark"] .header-lang-btn[aria-expanded="true"],
body.dark-mode .header-lang-btn:hover,
body.dark-mode .header-lang-btn:focus,
body.dark-mode .header-lang-btn[aria-expanded="true"] {
  background: rgba(168, 36, 56, 0.22) !important;
  border-color: rgba(168, 36, 56, 0.45) !important;
  color: #f87171 !important;
}

[data-theme="dark"] .header-lang-menu,
[data-theme="dark"] .header-lang-dropdown,
body.dark-mode .header-lang-menu,
body.dark-mode .header-lang-dropdown {
  background: #171920 !important;
  border-color: #272a35 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .header-lang-menu.show,
body.dark-mode .header-lang-menu.show {
  display: block !important;
}

[data-theme="dark"] .header-lang-item,
[data-theme="dark"] .header-lang-dropdown .dropdown-item,
body.dark-mode .header-lang-item,
body.dark-mode .header-lang-dropdown .dropdown-item {
  color: #d1d5db !important;
}

[data-theme="dark"] .header-lang-item:hover,
[data-theme="dark"] .header-lang-dropdown .dropdown-item:hover,
body.dark-mode .header-lang-item:hover,
body.dark-mode .header-lang-dropdown .dropdown-item:hover {
  background: #1f222d !important;
  color: #ffffff !important;
}

[data-theme="dark"] .header-lang-item.active,
[data-theme="dark"] .header-lang-dropdown .dropdown-item.active,
body.dark-mode .header-lang-item.active,
body.dark-mode .header-lang-dropdown .dropdown-item.active {
  background: rgba(168, 36, 56, 0.25) !important;
  color: #f87171 !important;
}

/* ── 22. PAGINATION (EMBER & SPICE + BOOTSTRAP) ── */
[data-theme="dark"] .es-pagination-nav,
[data-bs-theme="dark"] .es-pagination-nav,
.dark-mode .es-pagination-nav {
  color: #d1d5db !important;
}

[data-theme="dark"] .es-page-link,
[data-bs-theme="dark"] .es-page-link,
.dark-mode .es-page-link,
body.dark-mode .es-page-link,
[data-theme="dark"] .es-page-btn,
[data-bs-theme="dark"] .es-page-btn,
.dark-mode .es-page-btn,
body.dark-mode .es-page-btn,
[data-theme="dark"] .pagination .page-link,
[data-bs-theme="dark"] .pagination .page-link,
.dark-mode .pagination .page-link,
body.dark-mode .pagination .page-link {
  background: #181a22 !important;
  background-color: #181a22 !important;
  border-color: #272a35 !important;
  color: #d1d5db !important;
  box-shadow: none !important;
}

[data-theme="dark"] a.es-page-link:hover,
[data-bs-theme="dark"] a.es-page-link:hover,
.dark-mode a.es-page-link:hover,
body.dark-mode a.es-page-link:hover,
[data-theme="dark"] a.es-page-btn:hover,
[data-bs-theme="dark"] a.es-page-btn:hover,
.dark-mode a.es-page-btn:hover,
body.dark-mode a.es-page-btn:hover,
[data-theme="dark"] .pagination a.page-link:hover,
[data-bs-theme="dark"] .pagination a.page-link:hover,
.dark-mode .pagination a.page-link:hover,
body.dark-mode .pagination a.page-link:hover {
  background: rgba(168, 36, 56, 0.22) !important;
  background-color: rgba(168, 36, 56, 0.22) !important;
  border-color: var(--es-primary, #a82438) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .es-page-item--active .es-page-link,
[data-bs-theme="dark"] .es-page-item--active .es-page-link,
.dark-mode .es-page-item--active .es-page-link,
body.dark-mode .es-page-item--active .es-page-link,
[data-theme="dark"] .pagination .page-item.active .page-link,
[data-bs-theme="dark"] .pagination .page-item.active .page-link,
.dark-mode .pagination .page-item.active .page-link,
body.dark-mode .pagination .page-item.active .page-link,
[data-theme="dark"] .pagination .active > .page-link,
[data-bs-theme="dark"] .pagination .active > .page-link,
.dark-mode .pagination .active > .page-link,
body.dark-mode .pagination .active > .page-link {
  background: var(--es-primary, #a82438) !important;
  background-color: var(--es-primary, #a82438) !important;
  border-color: var(--es-primary, #a82438) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(168, 36, 56, 0.45) !important;
}

[data-theme="dark"] .es-page-item--disabled .es-page-link,
[data-bs-theme="dark"] .es-page-item--disabled .es-page-link,
.dark-mode .es-page-item--disabled .es-page-link,
body.dark-mode .es-page-item--disabled .es-page-link,
[data-theme="dark"] .es-page-btn--disabled,
[data-bs-theme="dark"] .es-page-btn--disabled,
.dark-mode .es-page-btn--disabled,
body.dark-mode .es-page-btn--disabled,
[data-theme="dark"] .pagination .page-item.disabled .page-link,
[data-bs-theme="dark"] .pagination .page-item.disabled .page-link,
.dark-mode .pagination .page-item.disabled .page-link,
body.dark-mode .pagination .page-item.disabled .page-link {
  background: #13151b !important;
  background-color: #13151b !important;
  border-color: #222530 !important;
  color: #6b7280 !important;
  opacity: 0.6 !important;
}

[data-theme="dark"] .es-page-item--dots .es-page-link,
[data-bs-theme="dark"] .es-page-item--dots .es-page-link,
.dark-mode .es-page-item--dots .es-page-link,
body.dark-mode .es-page-item--dots .es-page-link {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: #9ca3af !important;
}

[data-theme="dark"] .es-page-info,
[data-bs-theme="dark"] .es-page-info,
.dark-mode .es-page-info,
body.dark-mode .es-page-info {
  color: #9ca3af !important;
}

[data-theme="dark"] .es-page-info strong,
[data-bs-theme="dark"] .es-page-info strong,
.dark-mode .es-page-info strong,
body.dark-mode .es-page-info strong {
  color: #f9fafb !important;
}