/* ===============================
   🌟 Professional Custom Scrollbar
   =============================== */

/* Chrome, Edge, Safari, Opera */
::-webkit-scrollbar {
  width: 10px;               /* slim, clean scrollbar */
  height: 10px;              /* horizontal scrollbar size */
}

/* Remove scrollbar arrows (track buttons) */
::-webkit-scrollbar-button {
  display: none;
}

/* Scrollbar track (background area) */
::-webkit-scrollbar-track {
  background: #f3f3f3;        /* subtle light gray */
  border-radius: 10px;
}

/* Scrollbar thumb (the moving handle) */
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #2775e1, #035dda); /* smooth gold gradient */
  border-radius: 10px;                                   /* rounded edges */
  border: 2px solid #f3f3f3;                             /* clean gap around handle */
}

/* Hover effect */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #2775e1, #035dda);
}

/* Firefox scrollbar styling */
html {
  scrollbar-width: thin;                 /* thin scrollbar */
  scrollbar-color: #2775e1 #f3f3f3;      /* thumb | track */
}