/**
 * Custom Scrollbar Styles for Zahya Store
 * Modern, thin scrollbar that matches the site's color scheme
 */

/* Width and basic appearance */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track (background) */
::-webkit-scrollbar-track {
  background: #f1f1f8;
  border-radius: 10px;
}

/* Handle (thumb) */
::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #7B7FEE 0%, #5D9CEC 100%);
  border-radius: 10px;
  border: 2px solid #f1f1f8;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #6166f1 0%, #4b8cdc 100%);
}

/* Handle when active */
::-webkit-scrollbar-thumb:active {
  background: linear-gradient(135deg, #5056e0 0%, #3d7ecf 100%);
}

/* Dark Theme Styles */
.theme-dark::-webkit-scrollbar-track {
  background: #1a1e32;
}

.theme-dark::-webkit-scrollbar-thumb {
  border-color: #1a1e32;
}

/* Firefox scrollbar (older versions) */
* {
  scrollbar-width: thin;
  scrollbar-color: #7B7FEE #f1f1f8;
}

.theme-dark * {
  scrollbar-color: #7B7FEE #1a1e32;
}

/* Corner */
::-webkit-scrollbar-corner {
  background: #f1f1f8;
}

.theme-dark::-webkit-scrollbar-corner {
  background: #1a1e32;
}