/* Custom scrollbar styling for visual cohesion */

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(110, 231, 247, 0.3) rgba(30, 30, 35, 0.5);
}

/* Webkit browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: rgba(30, 30, 35, 0.5);
  border-radius: 0;
}

::-webkit-scrollbar-thumb {
  background: rgba(110, 231, 247, 0.3);
  border-radius: 6px;
  border: 2px solid rgba(30, 30, 35, 0.5);
  transition: background 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(110, 231, 247, 0.5);
}

::-webkit-scrollbar-thumb:active {
  background: rgba(110, 231, 247, 0.7);
}

/* Scrollbar for modal and lightbox */
.modal-content::-webkit-scrollbar,
#img-lightbox::-webkit-scrollbar {
  width: 10px;
}

.modal-content::-webkit-scrollbar-thumb,
#img-lightbox::-webkit-scrollbar-thumb {
  background: rgba(167, 139, 250, 0.3);
  border: 2px solid rgba(20, 20, 25, 0.8);
}

.modal-content::-webkit-scrollbar-thumb:hover,
#img-lightbox::-webkit-scrollbar-thumb:hover {
  background: rgba(167, 139, 250, 0.5);
}

.modal-content::-webkit-scrollbar-track,
#img-lightbox::-webkit-scrollbar-track {
  background: rgba(20, 20, 25, 0.8);
}