/* ------------------------------------------------------------------
   Custom overrides for the modern (no-jQuery) build:
   native smooth scroll + Splide / GLightbox styling to match the
   look the old Owl Carousel / Magnific Popup provided.
   ------------------------------------------------------------------ */

/* Native smooth scrolling for in-page anchor links.
   scroll-padding-top reproduces the ~100px offset the old JS applied. */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Fan-art thumbnails: white backing so transparent/edge areas read cleanly */
.gallery-img a img {
  background-color: #fff;
}

/* Splide pagination dots -> match the old .owl-dots styling on the black gallery */
.fanart-carousel .splide__pagination {
  position: static;
  padding: 0;
  margin-top: 40px;
}

.fanart-carousel .splide__pagination__page {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #fff;
  opacity: .6;
  border-radius: 100%;
  transform: none;
  transition: opacity .2s ease, background .2s ease;
}

.fanart-carousel .splide__pagination__page.is-active {
  opacity: 1;
  background: var(--theme-primary-color);
  transform: none;
}

/* ---- Inline SVG icons (replacing Font Awesome) ---- */
.nav-toggler svg,
.nav-close svg,
.author-social-links a svg,
.fixed-btm-top a svg {
  display: inline-block;
  vertical-align: middle;
}
.header-navbar .nav-toggler svg,
.offcanvas-icon .nav-toggler svg { width: 22px; height: 22px; }
.nav-close svg { width: 20px; height: 20px; }
.author-social-links a svg { width: 18px; height: 18px; }
.fixed-btm-top a svg { width: 16px; height: 16px; }