/* Opción «Fondo negro» del menú CLÁSICO — Impulso Regio (restaurants.fondo_negro = 1, tema = 'clasico').
   Se carga DESPUÉS de menu.css. Conserva exactamente el mismo markup y la misma lista simple del Clásico;
   solo repinta superficies y texto sobre negro puro (#000). El color del restaurante (--primary) se
   mantiene como acento. Mismos tonos que menu-oscuro.css, para que se vea igual de consistente.
   Creado 2026-10-14 (v1.36.0), pedido por Rio Burger. */

/* ---------- Tokens: se redefinen sobre el body, así menu.css los hereda solo ---------- */
body.tema-negro {
  --bg: #000000;
  --surface: #0F0F0F;
  --surface-2: #1C1C1C;
  --text: #F2F2F2;
  --muted: #A6A6A6;
  --card-bg: #0F0F0F;
  --line: rgba(255,255,255,.10);
  background: var(--bg);
  color: var(--text);
}
body.tema-negro.con-fondo { background: transparent; }
body.tema-negro .menu-fondo::after { background: rgba(0, 0, 0, .82); }

/* ---------- Encabezado ---------- */
body.tema-negro .menu-header { background: var(--surface); border-bottom: 1px solid var(--line); }
body.tema-negro .menu-logo { border-color: var(--surface); background: var(--surface); box-shadow: 0 2px 8px rgba(0,0,0,.6); }
body.tema-negro .menu-action-btn { border-color: rgba(255,255,255,.22); background: var(--surface-2); color: var(--text); }
body.tema-negro .menu-action-wa { background: #25D366; border-color: #25D366; color: #fff; }
body.tema-negro .menu-estado.abierto { color: #4ade80; }
body.tema-negro .menu-estado.abierto .menu-estado-dot { background: #4ade80; }
body.tema-negro .menu-estado.cerrado { color: #ff7b72; }
body.tema-negro .menu-estado.cerrado .menu-estado-dot { background: #ff7b72; }

/* ---------- Tarjetas de producto ---------- */
body.tema-negro .category-block h2 { color: var(--text); }
body.tema-negro .product-card { background: var(--surface); border: 1px solid var(--line); box-shadow: 0 6px 18px rgba(0,0,0,.45); }
body.tema-negro .product-info h3 { color: var(--text); }
body.tema-negro .product-price { color: var(--text); }

/* ---------- Opciones y extras del producto ---------- */
body.tema-negro .opt-select { background: var(--surface-2); border-color: rgba(255,255,255,.16); color: var(--text); }
body.tema-negro .opt-select option { background: #0F0F0F; color: #F2F2F2; }
body.tema-negro .opt-select.opt-select-invalid { border-color: #FF6B81; }
body.tema-negro input[type="checkbox"],
body.tema-negro input[type="radio"] { accent-color: var(--primary); }
body.tema-negro .extra-check,
body.tema-negro .ingrediente-check,
body.tema-negro .exclusivo-check,
body.tema-negro .opcion-check,
body.tema-negro .subopcion-check,
body.tema-negro .sin-check { color: #CFCFCF; }
body.tema-negro .ingredientes-label,
body.tema-negro .exclusivo-label,
body.tema-negro .opcion-label,
body.tema-negro .subopcion-label,
body.tema-negro .sin-label { color: var(--text); }
body.tema-negro .ingredientes-count,
body.tema-negro .sin-hint,
body.tema-negro .extras-grupo-hint { color: var(--muted); }
body.tema-negro .opcion-check-precio .opcion-precio { color: var(--text); }
body.tema-negro .product-ingredientes-row.ingredientes-invalid,
body.tema-negro .opcion-radios.opcion-invalid,
body.tema-negro .subopcion.subopcion-invalid { outline-color: #FF6B81; }
body.tema-negro .extras-grupo-titulo { color: var(--text); }
body.tema-negro .extra-fila { border-top-color: var(--line); }
body.tema-negro .extra-fila-nombre { color: #CFCFCF; }
body.tema-negro .extra-fila-precio { color: var(--text); }
body.tema-negro .extra-stepper button { background: var(--surface-2); border-color: rgba(255,255,255,.16); color: var(--text); }

/* ---------- Sobre el negocio / redes ---------- */
body.tema-negro .menu-sobre h2 { color: var(--text); }

/* ---------- Pie promocional MenúWhats ---------- */
body.tema-negro .menu-promo { border-top: 1px solid var(--line); }
body.tema-negro .menu-promo-badge { background: #1C1C1C; color: #F2F2F2; }

/* ---------- Barra y cajón del carrito ---------- */
body.tema-negro .cart-open-btn { box-shadow: 0 6px 18px rgba(0,0,0,.55); }
body.tema-negro .cart-drawer { background: var(--bg); color: var(--text); }
body.tema-negro .cart-drawer-header { border-bottom: 1px solid var(--line); }
body.tema-negro .cart-drawer-header button { color: var(--text); }
body.tema-negro .cart-item { border-bottom: 1px solid var(--line); }
body.tema-negro .cart-item-qty button { background: var(--surface-2); border: 1px solid rgba(255,255,255,.16); color: var(--text); }
body.tema-negro .cart-drawer-footer { border-top: 1px solid var(--line); }

/* Campos del checkout */
body.tema-negro .cart-checkout-fields label { color: var(--muted); }
body.tema-negro .cart-field-label { color: var(--text); }
body.tema-negro .cart-radio { color: var(--text) !important; }
body.tema-negro #cart-cambio-field { color: var(--text); }
body.tema-negro .cart-checkout-fields input[type="text"],
body.tema-negro .cart-checkout-fields input[type="tel"],
body.tema-negro .cart-checkout-fields input[type="number"],
body.tema-negro .cart-checkout-fields textarea,
body.tema-negro .cart-notes,
body.tema-negro #cart-cambio-monto { background: var(--surface-2); border: 1px solid rgba(255,255,255,.16); color: var(--text); }
body.tema-negro .cart-checkout-fields input::placeholder,
body.tema-negro .cart-notes::placeholder { color: #8A8A8A; }
body.tema-negro .cart-transfer-info { background: var(--surface); border: 1px dashed rgba(255,255,255,.22); color: var(--text); }
body.tema-negro .cart-error { color: #FF6B81; }
body.tema-negro .cart-locate-btn { color: var(--text); }
body.tema-negro .cart-locate-status.ok { color: #4ade80; }
body.tema-negro .cart-locate-status.warn { color: #fbbf24; }

/* Pedido grupal */
body.tema-negro .persona-bar { background: #141109; border-bottom-color: var(--primary); }
body.tema-negro .persona-bar-label { color: var(--text); }
body.tema-negro .persona-input,
body.tema-negro .cart-persona-form input { background: #0F0F0F; color: var(--text); border-color: rgba(255,255,255,.18); }
body.tema-negro .persona-chip { background: #0F0F0F; color: var(--text); border-color: var(--line); }
body.tema-negro .persona-chip.active { background: var(--primary); border-color: var(--primary); color: #fff; }
body.tema-negro .persona-hint,
body.tema-negro .cart-persona-sub { color: var(--muted); }
body.tema-negro .persona-bar.persona-invalid { background: #2a1113; }
body.tema-negro .cart-persona-form button { background: #0F0F0F; color: var(--text); border-color: var(--line); }
body.tema-negro .cart-persona-form .cart-persona-copy { background: var(--primary); border-color: var(--primary); color: #fff; }

/* Confirmación de pago por transferencia */
body.tema-negro .pay-confirm-box { background: var(--surface-2); border: 1px solid var(--line); }
body.tema-negro .pay-confirm-monto-box { background: rgba(255,255,255,.07); }
body.tema-negro .pay-confirm-copy { border-color: rgba(255,255,255,.3); }

/* Ventana «Información» */
body.tema-negro .info-box { background: var(--surface-2); border: 1px solid var(--line); }
body.tema-negro .info-list a { color: #ff9b8d; }
body.tema-negro .info-share { border-color: rgba(255,255,255,.35); }

/* El botón de WhatsApp conserva su verde de marca (#25D366) a propósito. */