/* ===== scroll.css ===== */
/* Firefox */
*{
  scrollbar-width: thin;                 /* auto | thin | none */
  scrollbar-color: #f59e0b #fbf7ef;      /* thumb | track */
}

/* Chrome / Edge / Safari */
::-webkit-scrollbar{
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track{
  background: #fbf7ef;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb{
  background: #f59e0b;
  border-radius: 999px;
  border: 3px solid #fbf7ef; /* يعمل مسافة/إطار لطيف */
}

::-webkit-scrollbar-thumb:hover{
  background: #d97706;
}

::-webkit-scrollbar-corner{
  background: #fbf7ef;
}