/* ==================================================
   Premium Smooth Scrolling & Custom Scrollbar
   ================================================== */

/* 1. Smooth Scrolling Behavior (Lhbaat kikon rtb) */
html {
  scroll-behavior: smooth;
}

/* 2. Firefox Support (Sleek & Thin) */
* {
  scrollbar-width: thin;
  scrollbar-color: #444444 #0a0a0a;
}

/* 3. Chrome, Edge, w Safari (Webkit) */

/* L'3erd dyal scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px; /* L'scrollbar l'ofou9i (horizontal) */
}

/* L'khalfia (Track) dyal scrollbar */
::-webkit-scrollbar-track {
  background: #0a0a0a;
  border-radius: 10px;
}

/* L'barre li kat7rek biha (Thumb) */
::-webkit-scrollbar-thumb {
  background: #333333; /* Loun rصاصي n9i */
  border-radius: 10px;
  border: 2px solid #0a0a0a; /* Kay3ti effet dyal padding (katban m3el9a) */
  transition: all 0.3s ease;
}

/* L'barre mli kat7et 3liha la souris (Hover) */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #e50914, #b20710); /* Loun 7mer premium bhal dyal StreamVibe */
  border: 2px solid #0a0a0a;
}

/* L'9nat dyal scrollbar mli kytla9a l'horizontal m3a l'vertical */
::-webkit-scrollbar-corner {
  background: #0a0a0a;
}