/* components/Scrollbar/Scrollbar.css - Composant global des scrollbars personnalisées */

/* Compatibilité Firefox standard */
* {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in hsl, var(--color-text) 25%, transparent) transparent;
}

/* Standards WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent; /* Piste invisible pour la propreté UI */
}

::-webkit-scrollbar-thumb {
  background-color: color-mix(in hsl, var(--color-text) 22%, transparent);
  border-radius: 999px;
  border: 2px solid transparent; 
  background-clip: padding-box; /* Évite que la barre touche les bords de la piste */
}

::-webkit-scrollbar-thumb:hover {
  background-color: color-mix(in hsl, var(--color-text) 45%, transparent);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/* Cas spécifiques si on veut forcer la disparition de la scrollbar (pratique via JS ou utilitaire) */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  scrollbar-width: none;
}