/* ==========================================================================
   SLIDER - Bootstrap carousel restyled (slidertext "slider", sliderimage).
   Text slider: round gold arrows on both sides, centered slide
   (title + gold bar + paragraph + button) as in the AI / M&A pages.
   Controls are <button class="carousel-control-prev|next btn-circle">.
   ========================================================================== */
.carousel { position: relative; }
.pg--slidertext .carousel, .pg--slidertextimage .carousel { padding-inline: clamp(var(--space-7), 6vw, var(--space-8)); }
.carousel .carousel-control-prev, .carousel .carousel-control-next {
  position: absolute; top: 50%; bottom: auto; width: 3rem; height: 3rem;
  transform: translateY(-50%); opacity: 1;
}
.carousel .carousel-control-prev { left: 0; }
.carousel .carousel-control-next { right: 0; }
.carousel-control-prev-icon, .carousel-control-next-icon { display: none; }

.carousel-item { min-height: 0; }
.carousel-item .slide-inner { max-width: 62rem; margin: 0 auto; }
.carousel-item h2 { margin: 0 0 var(--space-3); }
.carousel-item p { margin: 0 0 var(--space-4); }

.carousel-indicators { position: static; margin: var(--space-5) 0 0; }
.carousel-indicators [data-bs-target] {
  width: 0.625rem; height: 0.625rem; margin: 0 var(--space-1); border: 0; border-radius: 50%;
  background: var(--epsa-gold); opacity: 0.35;
}
.carousel-indicators .active { opacity: 1; }

/* Image slider */
.pg--sliderimage .carousel-item img { width: 100%; height: auto; display: block; border-radius: var(--epsa-radius-card); }
.pg--sliderimage .carousel { padding-inline: 0; }
.pg--sliderimage .carousel-control-prev { left: 1rem; }
.pg--sliderimage .carousel-control-next { right: 1rem; }
.pg--sliderimage .carousel-control-prev, .pg--sliderimage .carousel-control-next { background: rgba(19, 28, 37, 0.7); }
.pg--sliderimage .gallery-grid { display: grid; gap: var(--space-4); list-style: none; margin: 0; padding: 0; }
.pg--sliderimage .gallery-grid img { width: 100%; height: auto; border-radius: var(--epsa-radius-card); display: block; }

@media (max-width: 575.98px) {
  .pg--slidertext .carousel { padding-inline: 0; padding-bottom: var(--space-8); }
  .pg--slidertext .carousel .carousel-control-prev, .pg--slidertext .carousel .carousel-control-next { top: auto; bottom: 0; transform: none; }
  .pg--slidertext .carousel .carousel-control-prev { left: calc(50% - 3.5rem); }
  .pg--slidertext .carousel .carousel-control-next { right: calc(50% - 3.5rem); }
}
@media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } }