/* scroll-unificado.css — UNA sola barra de desplazamiento para todo GastroBar.click
   (sitio del cliente, administración, mesero, cocina, domiciliario, login y manual).
   Fina (8 px), sin flechas, de punta redondeada y con el naranja de la marca: se ve igual de
   bien sobre fondo oscuro y claro. Se pone en la hoja de estilos de cada pantalla ANTES de
   sus propios estilos; las listas que ocultan su barra a propósito (carruseles de categorías,
   chips) siguen ocultas porque su `scrollbar-width:none` es más específico que el `*`. */
:root {
  --sb-ancho: 8px;
  --sb-pulgar: rgba(255, 107, 53, .62);
  --sb-pulgar-fuerte: #FF6B35;
  --sb-pista: transparent;
}

/* Estándar (Chrome 121+, Edge, Firefox, Safari 18.2+). El color va con !important para que
   las barras sueltas que algún módulo pintó de gris o blanco queden en el mismo estilo. */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--sb-pulgar) var(--sb-pista) !important;
}

/* Respaldo para navegadores antiguos (Chrome < 121, Electron y WebView viejos). */
@supports not (scrollbar-color: auto) {
  *::-webkit-scrollbar { width: var(--sb-ancho); height: var(--sb-ancho); }
  *::-webkit-scrollbar-track { background: var(--sb-pista); }
  *::-webkit-scrollbar-thumb {
    background: var(--sb-pulgar);
    border-radius: 99px;
    border: 2px solid transparent;
    background-clip: padding-box;
  }
  *::-webkit-scrollbar-thumb:hover { background: var(--sb-pulgar-fuerte); background-clip: padding-box; }
  *::-webkit-scrollbar-corner { background: transparent; }
  *::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
}

/* Quien pide menos movimiento no ve transiciones de scroll suave. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}