/* === NEON ORANGE GLOBAL SCROLLBAR (2025-11-12) === */
html, body { height: 100%; overflow-y: auto; }

/* Use a single global scrollbar: prevent nested scrollbars */
[class*="overflow"], [class*="scroll"], .scroll, .scroll-y, .overflow-auto, .overflow-y-auto, .overflow { 
  overflow: visible !important;
}

/* Keep scrollbar on the RIGHT even on RTL pages.
   Trick: body ltr + content rtl */
body { direction: ltr; }
body > * { direction: rtl; }

/* Firefox (Gecko) */
html { 
  scrollbar-width: thin;
  scrollbar-color: #ff7a00 #0a0a0a;
}

/* WebKit (Chrome, Edge, Opera, Safari) */
::-webkit-scrollbar {
  width: 11px;
}
::-webkit-scrollbar-track {
  background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ffae00 0%, #ff4d00 100%);
  border: 2px solid #0f0f0f;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(255, 120, 0, 0.8), inset 0 0 8px rgba(255, 120, 0, 0.6);
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #ffc000 0%, #ff3b00 100%);
  box-shadow: 0 0 10px rgba(255, 140, 0, 0.95), inset 0 0 10px rgba(255, 100, 0, 0.75);
}
/* Optional glow on track edges */
::-webkit-scrollbar-corner {
  background: #0a0a0a;
}
/* === /NEON ORANGE GLOBAL SCROLLBAR === */