/* ============================================================
   THEME: pide_dark — Noche Cálida
   MODULE: food
   Dark theme — WCAG AA contrast verified. Forms use light inputs.
   ============================================================ */
:root {
  --t-primary: #FF6B2C;
  --t-primary-dark: #D4521A;
  --t-primary-light: #FFF0E8;
  --t-primary-rgb: 255, 107, 44;
  --t-secondary: #1E1E2E;
  --t-secondary-light: #2A2A3E;
  --t-accent: #FFF;
  --t-bg-page: #1E1E2E;
  --t-bg-surface: #2A2A3E;
  --t-bg-surface-raised: #32324A;
  --t-bg-hero: #111120;
  --t-bg-section-alt: #252538;
  --t-bg-item-empty: #2A2A3E;
  --t-text-heading: #F9FAFB;
  --t-text-body: #E5E7EB;
  --t-text-muted: #9CA3AF;
  --t-text-inverse: #111827;
  --t-text-accent: #FF6B2C;
  --t-text-price: #FF6B2C;
  --t-text-link: #FFB088;
  --t-text-link-hover: #FF6B2C;
  --t-border: #3F3F5A;
  --t-border-input: #D1D5DB;
  --t-border-focus: #FF6B2C;
  --t-border-error: #EF4444;
  --t-radius: 0.75rem;
  --t-radius-sm: 0.5rem;
  --t-radius-full: 9999px;
  --t-btn-primary-bg: #FF6B2C;
  --t-btn-primary-text: #FFF;
  --t-btn-primary-hover: #D4521A;
  --t-btn-secondary-bg: transparent;
  --t-btn-secondary-text: #FFB088;
  --t-btn-secondary-border: #FF6B2C;
  --t-btn-secondary-hover-bg: rgb(255 107 44 / 15%);
  --t-btn-danger-bg: #EF4444;
  --t-btn-danger-text: #FFF;
  --t-btn-disabled-bg: #3F3F5A;
  --t-btn-disabled-text: #9CA3AF;
  --t-nav-bg: #111120;
  --t-nav-text: #F9FAFB;
  --t-nav-link-hover: rgb(255 255 255 / 10%);
  --t-nav-cta-bg: #FF6B2C;
  --t-nav-cta-text: #FFF;
  --t-badge-bg: rgb(255 107 44 / 20%);
  --t-badge-text: #FFB088;
  --t-badge-success-bg: #065F46;
  --t-badge-success-text: #A7F3D0;
  --t-badge-warning-bg: #92400E;
  --t-badge-warning-text: #FDE68A;
  --t-badge-danger-bg: #991B1B;
  --t-badge-danger-text: #FECACA;
  --t-badge-neutral-bg: #3F3F5A;
  --t-badge-neutral-text: #E5E7EB;
  --t-input-bg: #FFF;
  --t-input-text: #111827;
  --t-input-placeholder: #D1D5DB;
  --t-label-text: #E5E7EB;
  --t-hint-text: #9CA3AF;
  --t-error-text: #FCA5A5;
  --t-form-section-bg: #2A2A3E;
  --t-alert-info-bg: #1F2937;
  --t-alert-info-text: #E5E7EB;
  --t-alert-info-border: #4B5563;
  --t-alert-success-bg: #ECFDF5;
  --t-alert-success-text: #065F46;
  --t-alert-success-border: #A7F3D0;
  --t-alert-warning-bg: #FFFBEB;
  --t-alert-warning-text: #92400E;
  --t-alert-warning-border: #FDE68A;
  --t-alert-error-bg: #FEF2F2;
  --t-alert-error-text: #991B1B;
  --t-alert-error-border: #FECACA;
  --t-cart-header-bg: #111120;
  --t-cart-header-text: #FFF;
  --t-cart-summary-bg: #2A2A3E;
  --t-cart-total-text: #FF6B2C;
  --t-coupon-bg: rgb(255 107 44 / 20%);
  --t-coupon-text: #FFB088;
  --t-step-active-bg: #FF6B2C;
  --t-step-active-text: #FFF;
  --t-step-done-bg: #D4521A;
  --t-step-done-text: #FFF;
  --t-step-pending-bg: #3F3F5A;
  --t-step-pending-text: #9CA3AF;
  --t-step-line: #3F3F5A;
  --t-footer-bg: #0D0D1A;
  --t-footer-text: #D1D5DB;
  --t-footer-link: #9CA3AF;
  --t-footer-link-hover: #FFF;
  --t-footer-divider: #2A2A3E;
  --t-empty-icon-bg: #2A2A3E;
  --t-empty-icon-text: #FF6B2C;

  /* Order tracking status (dark theme): vibrant tints and text so each status is clearly distinct */
  --status-yellow-bg: rgb(251 191 36 / 18%);
  --status-yellow-border: rgb(245 158 11 / 60%);
  --status-yellow-text: #FDE68A;
  --status-yellow-icon-bg: rgb(251 191 36 / 35%);
  --status-blue-bg: rgb(96 165 250 / 18%);
  --status-blue-border: rgb(96 165 250 / 55%);
  --status-blue-text: #93C5FD;
  --status-blue-icon-bg: rgb(96 165 250 / 35%);
  --status-slate-bg: rgb(34 211 238 / 18%);
  --status-slate-border: rgb(34 211 238 / 55%);
  --status-slate-text: #67E8F9;
  --status-slate-icon-bg: rgb(34 211 238 / 35%);
  --status-amber-bg: rgb(251 191 36 / 18%);
  --status-amber-border: rgb(245 158 11 / 60%);
  --status-amber-text: #FDE68A;
  --status-amber-icon-bg: rgb(251 191 36 / 35%);
  --status-green-bg: rgb(74 222 128 / 18%);
  --status-green-border: rgb(34 197 94 / 55%);
  --status-green-text: #86EFAC;
  --status-green-icon-bg: rgb(74 222 128 / 35%);
  --status-emerald-bg: rgb(52 211 153 / 18%);
  --status-emerald-border: rgb(16 185 129 / 55%);
  --status-emerald-text: #6EE7B7;
  --status-emerald-icon-bg: rgb(52 211 153 / 35%);
  --status-red-bg: rgb(248 113 113 / 18%);
  --status-red-border: rgb(239 68 68 / 55%);
  --status-red-text: #FCA5A5;
  --status-red-icon-bg: rgb(248 113 113 / 35%);
}

/* Same component block as pide_default — see pide_default.css for full rules */
.theme-page { background-color: var(--t-bg-page); min-height: 100vh; }
.theme-surface { background-color: var(--t-bg-surface); }
.theme-surface-raised { background-color: var(--t-bg-surface-raised); box-shadow: 0 4px 6px -1px rgb(0 0 0 / 20%), 0 2px 4px -2px rgb(0 0 0 / 15%); }
.theme-hero { background-color: var(--t-bg-hero); color: var(--t-text-inverse); }
.theme-section-alt { background-color: var(--t-bg-section-alt); }
.theme-divider { border-color: var(--t-border); }

.theme-chat-bubble-in {
  background-color: var(--t-bg-surface-raised);
  border: 1px solid rgb(255 255 255 / 8%);
  box-shadow: 0 1px 3px rgb(0 0 0 / 25%);
}
.theme-chat-bubble-out { background-color: rgb(255 107 44 / 20%); border: 1px solid rgb(255 107 44 / 40%); }
.theme-heading { color: var(--t-text-heading); }
.theme-subheading { color: var(--t-text-heading); }
.theme-body { color: var(--t-text-body); }
.theme-muted { color: var(--t-text-muted); }
.theme-inverse-text { color: var(--t-text-inverse); }
.theme-link { color: var(--t-text-link); text-decoration: none; }
.theme-link:hover { color: var(--t-text-link-hover); text-decoration: underline; }
.theme-price { color: var(--t-text-price); font-weight: 700; }
.theme-accent-text { color: var(--t-text-accent); }

.theme-nav,
.theme-header { background-color: var(--t-nav-bg); color: var(--t-nav-text); box-shadow: 0 1px 0 0 rgb(255 255 255 / 8%); }
.theme-nav-link { color: var(--t-nav-text); transition: background-color 0.15s; border: none; background: transparent; border-radius: var(--t-radius-sm); padding: 0.5rem 1rem; text-decoration: none; font-size: 0.9375rem; }
.theme-nav-link:hover { background-color: var(--t-nav-link-hover); }
.theme-nav-link-active { background-color: var(--t-nav-link-hover); font-weight: 600; }
.theme-nav-cta { background-color: var(--t-nav-cta-bg); color: var(--t-nav-cta-text); border-radius: var(--t-radius-sm); padding: 0.5rem 1rem; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; }
.theme-nav-cta:hover { opacity: 0.95; color: var(--t-nav-cta-text); }
.theme-breadcrumb { color: var(--t-text-muted); font-size: 0.875rem; }
.theme-btn-primary { display: inline-flex; align-items: center; justify-content: center; background-color: var(--t-btn-primary-bg); color: var(--t-btn-primary-text); border: none; border-radius: var(--t-radius-sm); padding: 0.625rem 1.5rem; font-weight: 600; cursor: pointer; transition: background-color 0.15s ease, transform 0.1s ease; text-decoration: none; }
.theme-btn-primary:hover { background-color: var(--t-btn-primary-hover); color: var(--t-btn-primary-text); }
.theme-btn-primary:active { transform: scale(0.98); }
.theme-btn-secondary { display: inline-flex; align-items: center; justify-content: center; background-color: var(--t-btn-secondary-bg); color: var(--t-btn-secondary-text); border: 1.5px solid var(--t-btn-secondary-border); border-radius: var(--t-radius-sm); padding: 0.625rem 1.5rem; font-weight: 600; cursor: pointer; transition: background-color 0.15s ease; text-decoration: none; }
.theme-btn-secondary:hover { background-color: var(--t-btn-secondary-hover-bg); color: var(--t-btn-secondary-text); }
.theme-btn-danger { display: inline-flex; align-items: center; justify-content: center; background-color: var(--t-btn-danger-bg); color: var(--t-btn-danger-text); border: none; border-radius: var(--t-radius-sm); padding: 0.625rem 1.5rem; font-weight: 600; cursor: pointer; text-decoration: none; }
.theme-btn-disabled { background-color: var(--t-btn-disabled-bg) !important; color: var(--t-btn-disabled-text) !important; cursor: not-allowed; pointer-events: none; }
.theme-card { background-color: var(--t-bg-surface); border: 1px solid var(--t-border); border-radius: var(--t-radius); overflow: hidden; }
.theme-card-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.theme-card-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 25px -5px rgb(0 0 0 / 30%); }
.theme-card-selected { border-color: var(--t-primary); box-shadow: 0 0 0 2px rgba(var(--t-primary-rgb), 0.2); }
.theme-item-name { color: var(--t-text-heading); font-weight: 700; }
.theme-item-price { color: var(--t-text-price); font-weight: 700; }
.theme-item-meta { color: var(--t-text-muted); font-size: 0.875rem; }
.theme-item-tag { background-color: var(--t-badge-bg); color: var(--t-badge-text); border-radius: var(--t-radius-full); padding: 0.125rem 0.625rem; font-size: 0.75rem; font-weight: 600; }
.theme-item-image-bg { background-color: var(--t-bg-item-empty); }
.theme-badge { background-color: var(--t-badge-bg); color: var(--t-badge-text); border-radius: var(--t-radius-full); padding: 0.2rem 0.7rem; font-size: 0.75rem; font-weight: 600; }
.theme-badge-success { background-color: var(--t-badge-success-bg); color: var(--t-badge-success-text); border-radius: var(--t-radius-full); padding: 0.2rem 0.7rem; font-size: 0.75rem; font-weight: 600; }
.theme-badge-warning { background-color: var(--t-badge-warning-bg); color: var(--t-badge-warning-text); border-radius: var(--t-radius-full); padding: 0.2rem 0.7rem; font-size: 0.75rem; font-weight: 600; }
.theme-badge-danger { background-color: var(--t-badge-danger-bg); color: var(--t-badge-danger-text); border-radius: var(--t-radius-full); padding: 0.2rem 0.7rem; font-size: 0.75rem; font-weight: 600; }
.theme-badge-neutral { background-color: var(--t-badge-neutral-bg); color: var(--t-badge-neutral-text); border-radius: var(--t-radius-full); padding: 0.2rem 0.7rem; font-size: 0.75rem; font-weight: 600; }
.theme-tag { background-color: var(--t-badge-bg); color: var(--t-badge-text); border-radius: var(--t-radius-full); padding: 0.25rem 0.875rem; font-size: 0.875rem; font-weight: 500; }
.theme-form-label { color: var(--t-label-text); font-size: 0.875rem; font-weight: 500; }
.theme-input { background-color: var(--t-input-bg); color: var(--t-input-text); border: 1.5px solid var(--t-border-input); border-radius: var(--t-radius-sm); padding: 0.5rem 0.75rem; width: 100%; transition: border-color 0.15s; }
.theme-input::placeholder { color: var(--t-input-placeholder); }
.theme-input:focus { outline: none; border-color: var(--t-border-focus); box-shadow: 0 0 0 3px rgba(var(--t-primary-rgb), 0.15); }

.theme-search-wrapper { background-color: var(--t-input-bg); border: 1.5px solid var(--t-border-input); box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%); transition: border-color 0.15s; width: 100%; }
.theme-search-wrapper:focus-within { outline: none; border-color: var(--t-border-focus); box-shadow: 0 0 0 3px rgba(var(--t-primary-rgb), 0.15); }

.theme-logo-bg { background-color: #FFF; }
.theme-category-pill { line-height: 1.25; }
.theme-categories-row { align-items: center; }

/* Dark theme: hover states must keep text readable */
.theme-badge:hover { background-color: var(--t-primary); color: var(--t-btn-primary-text); }
.theme-card-hover:hover .theme-item-name { color: var(--t-text-heading); }
.theme-card-hover:hover .theme-body { color: var(--t-text-body); }
.theme-input-error { border-color: var(--t-border-error) !important; }
.theme-form-hint { color: var(--t-hint-text); font-size: 0.8125rem; margin-top: 0.25rem; }
.theme-form-error { color: var(--t-error-text); font-size: 0.8125rem; margin-top: 0.25rem; }
.theme-form-section { background-color: var(--t-form-section-bg); border: 1px solid var(--t-border); border-radius: var(--t-radius); padding: 1.5rem; }
.theme-fieldset-legend { color: var(--t-text-heading); font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }
.theme-alert-info { background-color: var(--t-alert-info-bg); color: var(--t-alert-info-text); border: 1px solid var(--t-alert-info-border); border-radius: var(--t-radius); padding: 1rem; }
.theme-alert-success { background-color: var(--t-alert-success-bg); color: var(--t-alert-success-text); border: 1px solid var(--t-alert-success-border); border-radius: var(--t-radius); padding: 1rem; }
.theme-alert-warning { background-color: var(--t-alert-warning-bg); color: var(--t-alert-warning-text); border: 1px solid var(--t-alert-warning-border); border-radius: var(--t-radius); padding: 1rem; }
.theme-alert-error { background-color: var(--t-alert-error-bg); color: var(--t-alert-error-text); border: 1px solid var(--t-alert-error-border); border-radius: var(--t-radius); padding: 1rem; }
.theme-cart-header { background-color: var(--t-cart-header-bg); color: var(--t-cart-header-text); }
.theme-cart-header-text { color: var(--t-cart-header-text); }
.theme-category-count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.5rem; height: 1.5rem; padding: 0 0.375rem; font-size: 0.75rem; font-weight: 700; border-radius: 9999px; background-color: var(--t-primary); color: var(--t-btn-primary-text); line-height: 1; vertical-align: middle; }
.theme-category-link-active { background: var(--t-primary) !important; color: var(--t-btn-primary-text) !important; border-color: var(--t-primary) !important; box-shadow: 0 2px 8px rgba(var(--t-primary-rgb), 0.35); }
.theme-personalization-option { transition: background-color 0.15s, border-color 0.15s; }

/* In dark theme, use a darker primary tint so white text stays readable */
.theme-personalization-option:hover { background-color: rgba(var(--t-primary-rgb), 0.28); border-color: var(--t-primary); }
.theme-personalization-input { accent-color: var(--t-primary); }
.theme-personalization-input:focus { outline: none; box-shadow: 0 0 0 2px rgba(var(--t-primary-rgb), 0.25); }
.theme-personalization-label { color: var(--t-text-heading); }
.theme-personalization-hint { color: var(--t-text-muted); }

.theme-personalization-select,
.theme-personalization-textarea { background-color: var(--t-input-bg); color: var(--t-input-text); border: 1.5px solid var(--t-border-input); border-radius: var(--t-radius-sm); }

.theme-personalization-select:focus,
.theme-personalization-textarea:focus { outline: none; border-color: var(--t-border-focus); }
.theme-cart-item { border-bottom: 1px solid var(--t-border); }
.theme-cart-summary { background-color: var(--t-cart-summary-bg); border: 1px solid var(--t-border); border-radius: var(--t-radius); padding: 1.5rem; }
.theme-cart-total { color: var(--t-cart-total-text); font-weight: 700; font-size: 1.125rem; }
.theme-coupon-badge { background-color: var(--t-coupon-bg); color: var(--t-coupon-text); border-radius: var(--t-radius-sm); padding: 0.25rem 0.625rem; font-size: 0.875rem; font-weight: 500; }
.theme-step-active { background-color: var(--t-step-active-bg); color: var(--t-step-active-text); border-radius: var(--t-radius-full); width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 600; }
.theme-step-completed { background-color: var(--t-step-done-bg); color: var(--t-step-done-text); border-radius: var(--t-radius-full); width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; }
.theme-step-pending { background-color: var(--t-step-pending-bg); color: var(--t-step-pending-text); border-radius: var(--t-radius-full); width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; }
.theme-step-line { background-color: var(--t-step-line); height: 2px; flex: 1; }
.theme-empty-icon { background-color: var(--t-empty-icon-bg); border-radius: var(--t-radius-full); display: inline-flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; color: var(--t-empty-icon-text); font-size: 2rem; }
.theme-empty-heading { color: var(--t-text-heading); font-size: 1.25rem; font-weight: 700; margin-bottom: 0.5rem; }
.theme-empty-body { color: var(--t-text-muted); font-size: 0.9375rem; margin-top: 0.5rem; }
.theme-footer { background-color: var(--t-footer-bg); color: var(--t-footer-text); }
.theme-footer-link { color: var(--t-footer-link); text-decoration: none; }
.theme-footer-link:hover { color: var(--t-footer-link-hover); }
.theme-footer-divider { border-color: var(--t-footer-divider); }
.theme-footer .theme-container { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.theme-footer-inner { display: flex; flex-direction: column; align-items: center; text-align: center; }
.theme-footer-nav { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: center; }
.theme-footer-social { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: center; margin-top: 1rem; }
.theme-footer-social-link { color: var(--t-footer-link); text-decoration: none; font-size: 1.25rem; }
.theme-footer-social-link:hover { color: var(--t-footer-link-hover); }
.theme-footer-copy { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--t-footer-divider); font-size: 0.875rem; color: inherit; }
.theme-footer-powered { margin-top: 0.75rem; font-size: 0.8125rem; color: inherit; opacity: 0.9; }
.theme-footer-powered a { color: var(--t-footer-link); text-decoration: none; }
.theme-footer-powered a:hover { color: var(--t-footer-link-hover); text-decoration: underline; }
.theme-container { max-width: 80rem; margin-left: auto; margin-right: auto; padding: 0 1rem; }

/* Order tracking: in dark theme give each status a distinct vibrant tint so changes are obvious */
[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-yellow-50"] {
  background-color: var(--status-yellow-bg) !important;
  border-color: var(--status-yellow-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-yellow-50"] [class*="bg-yellow-100"] {
  background-color: var(--status-yellow-icon-bg) !important;
  border-color: var(--status-yellow-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-yellow-50"] [class*="text-yellow"] {
  color: var(--status-yellow-text) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-yellow-50"] [class*="border-yellow"] {
  border-color: var(--status-yellow-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-blue-50"] {
  background-color: var(--status-blue-bg) !important;
  border-color: var(--status-blue-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-blue-50"] [class*="bg-blue-100"] {
  background-color: var(--status-blue-icon-bg) !important;
  border-color: var(--status-blue-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-blue-50"] [class*="text-blue"] {
  color: var(--status-blue-text) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-blue-50"] [class*="border-blue"] {
  border-color: var(--status-blue-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-slate-50"] {
  background-color: var(--status-slate-bg) !important;
  border-color: var(--status-slate-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-slate-50"] [class*="bg-slate-100"] {
  background-color: var(--status-slate-icon-bg) !important;
  border-color: var(--status-slate-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-slate-50"] [class*="text-slate"] {
  color: var(--status-slate-text) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-slate-50"] [class*="border-slate"] {
  border-color: var(--status-slate-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-amber-50"] {
  background-color: var(--status-amber-bg) !important;
  border-color: var(--status-amber-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-amber-50"] [class*="bg-amber-100"] {
  background-color: var(--status-amber-icon-bg) !important;
  border-color: var(--status-amber-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-amber-50"] [class*="text-amber"] {
  color: var(--status-amber-text) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-amber-50"] [class*="border-amber"] {
  border-color: var(--status-amber-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-green-50"] {
  background-color: var(--status-green-bg) !important;
  border-color: var(--status-green-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-green-50"] [class*="bg-green-100"] {
  background-color: var(--status-green-icon-bg) !important;
  border-color: var(--status-green-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-green-50"] [class*="text-green"] {
  color: var(--status-green-text) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-green-50"] [class*="border-green"] {
  border-color: var(--status-green-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-emerald-50"] {
  background-color: var(--status-emerald-bg) !important;
  border-color: var(--status-emerald-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-emerald-50"] [class*="bg-emerald-100"] {
  background-color: var(--status-emerald-icon-bg) !important;
  border-color: var(--status-emerald-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-emerald-50"] [class*="text-emerald"] {
  color: var(--status-emerald-text) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-emerald-50"] [class*="border-emerald"] {
  border-color: var(--status-emerald-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-red-50"] {
  background-color: var(--status-red-bg) !important;
  border-color: var(--status-red-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-red-50"] [class*="bg-red-100"] {
  background-color: var(--status-red-icon-bg) !important;
  border-color: var(--status-red-border) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-red-50"] [class*="text-red"] {
  color: var(--status-red-text) !important;
}

[data-theme="pide_dark"] .order-tracking-status-block[class*="bg-red-50"] [class*="border-red"] {
  border-color: var(--status-red-border) !important;
}

/* Status block body copy (e.g. "El restaurante está revisando...") stays theme-body so it stays readable on the tinted bg */
[data-theme="pide_dark"] .order-tracking-status-block .theme-body {
  color: var(--t-text-body) !important;
}

.theme-nav .theme-container,
.theme-header .theme-container { display: flex; align-items: center; justify-content: space-between; padding-top: 1.25rem; padding-bottom: 1.25rem; }
.theme-header-brand { display: inline-flex; align-items: center; gap: 0.75rem; text-decoration: none; color: inherit; flex-shrink: 0; }

.theme-nav .theme-heading,
.theme-header .theme-heading { color: inherit; font-size: 1.125rem; font-weight: 700; }
.theme-header-logo { width: 4.5rem; height: 4.5rem; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.theme-nav-desktop { display: flex; align-items: center; gap: 0.75rem; }
.theme-nav-welcome { position: relative; }
.theme-nav-welcome-menu { position: absolute; top: 100%; right: 0; margin-top: 0.25rem; min-width: 10rem; background-color: var(--t-bg-surface); color: var(--t-text-heading); border: 1px solid var(--t-border); border-radius: var(--t-radius-sm); box-shadow: 0 4px 12px rgb(0 0 0 / 15%); z-index: 30; padding: 0.5rem 0; }
.theme-nav-welcome-menu a { display: block; padding: 0.5rem 1rem; color: var(--t-text-body); text-decoration: none; font-size: 0.9375rem; }
.theme-nav-welcome-menu a:hover { background-color: var(--t-bg-section-alt); color: var(--t-text-heading); }
.theme-nav-burger { display: none; background: none; border: none; color: inherit; padding: 0.5rem; cursor: pointer; font-size: 1.25rem; }
.theme-nav-drawer { position: fixed; top: 0; right: 0; width: 280px; max-width: 85vw; height: 100%; z-index: 50; transition: transform 0.25s ease; transform: translateX(100%); overflow-y: auto; background-color: var(--t-nav-bg); color: var(--t-nav-text); padding: 1.5rem 1rem; }
.theme-nav-drawer.is-open { transform: translateX(0); }
.theme-nav-drawer a { color: var(--t-nav-text); text-decoration: none; display: block; padding: 0.75rem 0; font-size: 0.9375rem; border-bottom: 1px solid var(--t-footer-divider); }
.theme-nav-drawer a:hover { opacity: 0.9; }
.theme-nav-drawer-overlay { position: fixed; inset: 0; background: rgb(0 0 0 / 40%); z-index: 40; opacity: 0; pointer-events: none; transition: opacity 0.2s ease; }
.theme-nav-drawer-overlay.is-visible { opacity: 1; pointer-events: auto; }

@media (width <= 767px) {
  .theme-nav-desktop { display: none !important; }
  .theme-nav-burger { display: block; }
}

@media (width >= 768px) {
  .theme-nav-drawer { display: none !important; }
  .theme-nav-drawer-overlay { display: none !important; }
}