/* Neon dark — solo colori, stesso layout di index.html */
body.app-customer.theme-neon {
  background-color: #0a0a0a !important;
  color: #f4f7fb !important;
}

body.app-customer.theme-neon header,
body.app-customer.theme-neon footer {
  background-color: #0d1117 !important;
  border-color: rgba(0, 255, 204, 0.12) !important;
  color: #f4f7fb !important;
}

body.app-customer.theme-neon .bg-white { background-color: #0d1117 !important; }
body.app-customer.theme-neon .bg-slate-50 { background-color: #101820 !important; }
body.app-customer.theme-neon .bg-slate-100 { background-color: rgba(255,255,255,0.06) !important; }
body.app-customer.theme-neon .bg-slate-200 { background-color: rgba(255,255,255,0.08) !important; }
body.app-customer.theme-neon .bg-slate-800 { background-color: #00ffcc !important; color: #001a14 !important; }
body.app-customer.theme-neon .bg-slate-900 { background-color: #0a0a0a !important; }

body.app-customer.theme-neon .text-slate-900,
body.app-customer.theme-neon .text-slate-800,
body.app-customer.theme-neon .text-slate-950,
body.app-customer.theme-neon .text-\[\#0c1a3a\],
body.app-customer.theme-neon .text-\[\#1f2937\],
body.app-customer.theme-neon .text-\[\#374151\] { color: #f4f7fb !important; }

body.app-customer.theme-neon .text-slate-600,
body.app-customer.theme-neon .text-slate-500,
body.app-customer.theme-neon .text-slate-400,
body.app-customer.theme-neon .text-slate-300 { color: #a0a8b4 !important; }

body.app-customer.theme-neon .text-\[\#1e3a6e\] { color: #00ffcc !important; }
body.app-customer.theme-neon .text-blue-500,
body.app-customer.theme-neon .text-blue-600,
body.app-customer.theme-neon .text-blue-400 { color: #00ffcc !important; }

body.app-customer.theme-neon .border-slate-100,
body.app-customer.theme-neon .border-slate-200,
body.app-customer.theme-neon .divide-slate-100 > * + * { border-color: rgba(255,255,255,0.08) !important; }

body.app-customer.theme-neon .glass-panel,
body.app-customer.theme-neon .glass-card {
  background: rgba(16, 20, 28, 0.92) !important;
  border-color: rgba(0, 255, 204, 0.15) !important;
  box-shadow: 0 0 24px rgba(0, 255, 204, 0.06) !important;
}

body.app-customer.theme-neon .glass-input {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: #f4f7fb !important;
}

body.app-customer.theme-neon .glass-input:focus {
  border-color: rgba(0, 255, 204, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 204, 0.12) !important;
}

body.app-customer.theme-neon .app-header-action {
  background: rgba(16, 20, 28, 0.9) !important;
  border-color: rgba(0, 255, 204, 0.2) !important;
}

body.app-customer.theme-neon .app-header-action:hover {
  background: rgba(0, 255, 204, 0.08) !important;
  border-color: rgba(0, 255, 204, 0.35) !important;
}

body.app-customer.theme-neon .app-header-action-label { color: #f4f7fb !important; }
body.app-customer.theme-neon .app-header-action-hint { color: #a0a8b4 !important; }

body.app-customer.theme-neon .app-menu-pill {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: #a0a8b4 !important;
}

body.app-customer.theme-neon .app-menu-pill--active {
  background: rgba(0, 255, 204, 0.15) !important;
  border-color: rgba(0, 255, 204, 0.45) !important;
  color: #00ffcc !important;
}

body.app-customer.theme-neon .app-service-card {
  background: rgba(16, 20, 28, 0.85) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

body.app-customer.theme-neon .app-service-card--asporto,
body.app-customer.theme-neon .app-service-card--domicilio,
body.app-customer.theme-neon .app-service-card--tavolo {
  background: rgba(16, 20, 28, 0.85) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

body.app-customer.theme-neon .app-service-card--active,
body.app-customer.theme-neon .app-service-card--asporto.app-service-card--active,
body.app-customer.theme-neon .app-service-card--domicilio.app-service-card--active,
body.app-customer.theme-neon .app-service-card--tavolo.app-service-card--active {
  border-color: #00ffcc !important;
  background: rgba(0, 255, 204, 0.1) !important;
  box-shadow: 0 0 20px rgba(0, 255, 204, 0.12) !important;
}

body.app-customer.theme-neon .app-service-icon {
  background: rgba(0, 255, 204, 0.12) !important;
  color: #00ffcc !important;
}

body.app-customer.theme-neon .app-service-card--active .app-service-icon {
  background: #00ffcc !important;
  color: #001a14 !important;
}

body.app-customer.theme-neon .app-service-label { color: #f4f7fb !important; }
body.app-customer.theme-neon .app-service-sub { color: #a0a8b4 !important; }

body.app-customer.theme-neon .app-menu-accordion-btn {
  background: rgba(16, 20, 28, 0.9) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

body.app-customer.theme-neon .app-menu-accordion-btn--open {
  border-color: rgba(0, 255, 204, 0.4) !important;
  background: rgba(0, 255, 204, 0.08) !important;
}

body.app-customer.theme-neon .app-menu-accordion-title { color: #f4f7fb !important; }
body.app-customer.theme-neon .app-menu-accordion-sub { color: #a0a8b4 !important; }
body.app-customer.theme-neon .app-menu-accordion-chevron { color: #00ffcc !important; }

body.app-customer.theme-neon .app-loyalty-box {
  background: rgba(0, 255, 204, 0.08) !important;
  border-color: rgba(0, 255, 204, 0.22) !important;
}

body.app-customer.theme-neon .ingredient-option-card {
  background: rgba(16, 20, 28, 0.9) !important;
  border-color: rgba(255,255,255,0.1) !important;
}

body.app-customer.theme-neon .ingredient-option-card--blue:has(.ingredient-option-input:checked) {
  border-color: #00ffcc !important;
  background: rgba(0, 255, 204, 0.12) !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 204, 0.2) !important;
}

body.app-customer.theme-neon .ingredient-option-card--amber:has(.ingredient-option-input:checked) {
  border-color: #f59e0b !important;
  background: rgba(245, 158, 11, 0.18) !important;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.28) !important;
}

body.app-customer.theme-neon .ingredient-option-input--amber[type="checkbox"]:checked {
  background-color: #f59e0b !important;
  border-color: #d97706 !important;
}

body.app-customer.theme-neon .ingredient-option-name { color: #f4f7fb !important; }
body.app-customer.theme-neon .ingredient-option-price--blue { color: #00ffcc !important; }

body.app-customer.theme-neon .bg-blue-600,
body.app-customer.theme-neon .from-blue-600 { --tw-gradient-from: #00d4aa !important; }
body.app-customer.theme-neon .to-blue-500,
body.app-customer.theme-neon .to-blue-700,
body.app-customer.theme-neon .hover\:from-blue-500:hover { --tw-gradient-to: #00ffcc !important; }

body.app-customer.theme-neon .bg-blue-600,
body.app-customer.theme-neon button.bg-blue-600,
body.app-customer.theme-neon .bg-gradient-to-r.from-blue-600 {
  background: linear-gradient(135deg, #00ffcc, #00d4aa) !important;
  color: #001a14 !important;
  box-shadow: 0 0 24px rgba(0, 255, 204, 0.35) !important;
}

body.app-customer.theme-neon #mobile-floating-cart {
  background: linear-gradient(135deg, #00d4aa, #00ffcc) !important;
  border-color: rgba(0, 255, 204, 0.5) !important;
}

body.app-customer.theme-neon ::-webkit-scrollbar-track { background: #0a0a0a; }
body.app-customer.theme-neon ::-webkit-scrollbar-thumb { background: rgba(0, 255, 204, 0.25); }

body.app-customer.theme-neon .bg-emerald-50,
body.app-customer.theme-neon .bg-blue-50,
body.app-customer.theme-neon .bg-amber-50,
body.app-customer.theme-neon .bg-red-50 {
  background: rgba(16, 20, 28, 0.9) !important;
}

body.app-customer.theme-neon .border-emerald-200,
body.app-customer.theme-neon .border-blue-200,
body.app-customer.theme-neon .border-amber-200,
body.app-customer.theme-neon .border-red-200 {
  border-color: rgba(0, 255, 204, 0.2) !important;
}

body.app-customer.theme-neon .text-emerald-900,
body.app-customer.theme-neon .text-emerald-800 { color: #7dffc8 !important; }
