/* Shared across ClientRouter navigations; kept outside Vite's per-page style injection. */
.home-service-grid,
.service-index,
.portfolio-filters {
  scrollbar-width: thin;
  scrollbar-color: #0546b4 #eaf0f8;
}

.home-service-grid::-webkit-scrollbar,
.service-index::-webkit-scrollbar,
.portfolio-filters::-webkit-scrollbar {
  width: 9px;
  height: 7px;
}

.home-service-grid::-webkit-scrollbar-track,
.service-index::-webkit-scrollbar-track,
.portfolio-filters::-webkit-scrollbar-track {
  background: #eaf0f8;
}

.home-service-grid::-webkit-scrollbar-thumb,
.service-index::-webkit-scrollbar-thumb,
.portfolio-filters::-webkit-scrollbar-thumb {
  border: 2px solid #eaf0f8;
  border-radius: 999px;
  background: #0546b4;
}

.home-service-grid::-webkit-scrollbar-thumb:hover,
.service-index::-webkit-scrollbar-thumb:hover,
.portfolio-filters::-webkit-scrollbar-thumb:hover {
  background: #ec8922;
}

/* Chromium/WebKit use the custom parts; Firefox retains scrollbar-color. */
@supports selector(::-webkit-scrollbar) {
  .home-service-grid,
  .service-index,
  .portfolio-filters {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
}