/*
 * _shell/pz-scrollbar.css
 * Ascenseur vertical luxueux accordé au design Luxe Granulé.
 * Fil d'or sobre sur rail ivoire/ink, transition douce au hover.
 *
 * Accessibilité : scrollbar reste fonctionnelle clavier/souris, largeur
 * suffisante (10px) pour le grab, contraste visible. Respecte le scheme.
 */

/* ── Firefox ───────────────────────────────────────────────────────── */
html {
  scrollbar-width: thin;
  /* thumb gold sobre · track ivoire chaud translucide */
  scrollbar-color: var(--pz-gold, #c9a14a) rgba(245, 233, 212, 0.06);
}

/* ── WebKit / Chromium / Edge ──────────────────────────────────────── */
::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
::-webkit-scrollbar-track {
  background:
    linear-gradient(180deg,
      rgba(10, 9, 8, 0.04) 0%,
      rgba(10, 9, 8, 0.08) 100%);
  border-left: 1px solid rgba(201, 161, 74, 0.10);
}
::-webkit-scrollbar-thumb {
  /* Fil d'or filé : dégradé champagne → granulé → vieilli, comme les boutons */
  background:
    linear-gradient(180deg,
      var(--pz-gold-3, #e6c878) 0%,
      var(--pz-gold, #c9a14a) 50%,
      var(--pz-gold-2, #b78a32) 100%);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 -1px 0 rgba(10, 9, 8, 0.20);
  transition: background 200ms ease;
}
::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg,
      var(--pz-gold-3, #e6c878) 0%,
      var(--pz-gold-3, #e6c878) 50%,
      var(--pz-gold, #c9a14a) 100%);
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:active {
  background: var(--pz-gold, #c9a14a);
  background-clip: padding-box;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/* ── Surfaces sombres (cockpit/admin) : track plus dense ───────────── */
.client-layout::-webkit-scrollbar-track,
body[data-theme="dark"]::-webkit-scrollbar-track {
  background: rgba(10, 9, 8, 0.35);
  border-left: 1px solid rgba(201, 161, 74, 0.14);
}

/* ── Scroll fluide global (respecte reduced-motion) ────────────────── */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

/* ── Conteneurs scrollables internes (modals, drawers, listes) ─────── */
.pz-scroll-area {
  scrollbar-width: thin;
  scrollbar-color: var(--pz-gold, #c9a14a) transparent;
}
.pz-scroll-area::-webkit-scrollbar { width: 8px; }
.pz-scroll-area::-webkit-scrollbar-thumb {
  background: var(--pz-gold-2, #b78a32);
  border-radius: 999px;
}