/* 
 * Custom CSS for DigitMark digital marketing template
 * ---------------------------------------------------
 * Tailwind is loaded via CDN (see HTML head).
 * Add tiny layout tweaks and overrides here.
 */

html, body {
  scroll-behavior: auto; /* Let Lenis control smooth scrolling */
}

.prose h2, .prose h3 {
  scroll-margin-top: 6rem;
}

/* Swiper pagination text style (simple) */
.blog-swiper-pagination {
  font-size: 0.7rem;
}

/* Example utility for subtle gradient border (can be applied with class="gradient-border") */
.gradient-border {
  position: relative;
}
.gradient-border::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(79,70,229,0.8), rgba(14,165,233,0.5), rgba(236,72,153,0.5));
  z-index: -1;
}

/* Hide scrollbar when Lenis is active */
html.lenis, html.lenis body {
  height: auto;
}
html.lenis body {
  overflow: hidden;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}