/* Grid pagination - semi-transparent inactive dots */
.pa_blogs_grid-wrapper.splide .splide__pagination .splide__pagination__page {
  background-color: color-mix(
    in srgb,
    var(--_primitives---colors--brand-blue) 38%,
    transparent
  );
  border-radius: 3px;
  width: 40px;
  height: 6px;
}

/* Slider pagination - keep existing color for inactive dots */
.pa_blogs_slider.splide .splide__pagination .splide__pagination__page {
  border-radius: 3px;
  width: 40px;
  height: 6px;
}

/* Grid active dot - brand blue */
.pa_blogs_grid-wrapper.splide
  .splide__pagination
  .splide__pagination__page.is-active {
  background: var(--_primitives---colors--brand-blue);
  transform: scale(1);
  z-index: 1;
}

/* Slider active dot - white */
.pa_blogs_slider.splide
  .splide__pagination
  .splide__pagination__page.is-active {
  background: #ffffff;
  transform: scale(1);
  z-index: 1;
}

/* Responsive: hide pagination if needed */
@media screen and (max-width: 991px) {
  .pa_blogs_grid-wrapper.splide .splide__pagination,
  .pa_blogs_slider.splide .splide__pagination {
    /* display: none !important; */
  }
}