/* Testimonials — Vertical layout with fade */

.sbt-testimonials {
    @apply py-16 xl:py-24;
}

.sbt-testimonials__container {
    @apply max-w-container mx-auto px-6 xl:px-[100px];
}

.sbt-testimonials--bg-container .sbt-testimonials__container {
    @apply py-12 xl:py-16 px-8 xl:px-16;
}

/* Title: Manrope (font-sans), centered */
.sbt-testimonials__title {
    @apply font-sans text-[32px] xl:text-[56px] leading-tight mb-10 xl:mb-14 text-center;
    color: inherit;
}

/* Quotes wrapper: 65% width, centered block, text left */
.sbt-testimonials__quotes {
    position: relative;
    min-height: 200px;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    .sbt-testimonials__quotes {
        width: 100%;
    }
}

/* Each slide: absolute, hidden by default */
.sbt-testimonials__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.sbt-testimonials__slide--active {
    position: relative;
    opacity: 1;
    visibility: visible;
}

/* Quote: DM Mono (font-mono) */
.sbt-testimonials__quote {
    @apply font-mono text-[20px] xl:text-[32px] leading-relaxed mb-8;
    color: inherit;
}

/* Credit line: author + position */
.sbt-testimonials__credit {
    @apply text-[16px] xl:text-[18px] font-semibold leading-tight;
    color: inherit;
}

.sbt-testimonials__position {
    color: inherit;
}

/* Nav: centered < > */
.sbt-testimonials__nav {
    @apply flex items-center justify-center gap-4 mt-10 xl:mt-14;
}

.sbt-testimonials__nav-btn {
    @apply w-12 h-12 flex items-center justify-center rounded-full transition-opacity;
    border: 1px solid currentColor;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.sbt-testimonials__nav-btn:hover {
    opacity: 0.6;
}