/* Nascondi la scrollbar nativa in Webkit (Chrome, Safari, Opera) */
html, body { scrollbar-width: auto !important; -ms-overflow-style: auto !important;}
html::-webkit-scrollbar, body::-webkit-scrollbar {display: none !important;}
/* === CUSTOMINFO SCROLLBAR === */
#scrollbar-track { position: fixed; top: 72px; right: 1px; bottom: 7px; width: 6px; background: transparent; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; z-index: 9999;}
/* THUMB */
#scrollbar-thumb { position: absolute; top: 0; left: 0; width: 100%; height: 40px; background: linear-gradient(to bottom, #720000 0%, #ff0000 50%, #720000 100%); box-shadow:   0 0 4px rgba(255, 30, 30, 0.25),   0 0 8px rgba(255, 0, 0, 0.15); transition: all 0.25s ease; pointer-events: auto;}
/* MOSTRA SOLO QUANDO SI SCROLLA */
.custom-scroll-enabled.scrolling #scrollbar-track { opacity: 1;}
/* HOVER: glow leggero (opzionale) */
#scrollbar-thumb:hover { box-shadow: 0 0 5px rgba(255, 50, 50, 0.4), 0 0 10px rgba(255, 0, 0, 0.25); cursor: default;}

/* ✅ Nascondi completamente su dispositivi mobile/touch */
@media (hover: none) and (pointer: coarse) {
  #scrollbar-track,
  #scrollbar-thumb {
    display: none !important;
  }
}