/* Testimonials Marquee - Sürekli, sağdan sola akış */

/* Kapsayıcı taşmaları gizler ve hatları net tutar */
.testimonials .marquee-container {
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}

/* Track: tüm kartları yan yana dizer ve animasyonu uygular */
.testimonials .marquee-track {
    display: flex;
    gap: 2rem;
    align-items: stretch;
    width: max-content;
    will-change: transform;
    animation: testimonials-marquee-left 45s linear infinite;
}

/* Kart genişliği: testimonials kartları daha geniş olabilir */
.testimonials .marquee-track .testimonial-card {
    flex: 0 0 520px; /* masaüstü genişliği */
    margin: 0;
}

@keyframes testimonials-marquee-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* iki kez kopyalandığı için yarısı kadar kaydır */
}

/* Responsive ayarlar */
@media (max-width: 1024px) {
    .testimonials .marquee-track { animation-duration: 50s; }
    .testimonials .marquee-track .testimonial-card { flex-basis: 460px; }
}

@media (max-width: 768px) {
    .testimonials .marquee-track { animation-duration: 55s; }
    .testimonials .marquee-track .testimonial-card { flex-basis: 380px; }
}

@media (max-width: 480px) {
    .testimonials .marquee-track { animation-duration: 60s; }
    .testimonials .marquee-track .testimonial-card { flex-basis: 300px; }
}

/* Kenarlarda yumuşak fade/blur efekti - mask + fallback overlay */
.testimonials .marquee-container {
    --fade-edge: 80px; /* masaüstü için kenar fade genişliği */
    position: relative;
    overflow: hidden; /* içerik taşmasını gizle */
    /* Destekleyen tarayıcılarda gerçek maskeleme */
    -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--fade-edge), #000 calc(100% - var(--fade-edge)), transparent);
    mask-image: linear-gradient(to right, transparent, #000 var(--fade-edge), #000 calc(100% - var(--fade-edge)), transparent);
}

/* Fallback: mask desteklemeyen tarayıcılar için overlay ile görsel fade */
.testimonials .marquee-container::before,
.testimonials .marquee-container::after {
    content: "";
    position: absolute;
    top: 0;
    width: var(--fade-edge);
    height: 100%;
    pointer-events: none;
    z-index: 2;
    /* Testimonials arka planına uyumlu nötr geçiş */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.testimonials .marquee-container::before { left: 0; }
.testimonials .marquee-container::after { right: 0; transform: scaleX(-1); }

/* Track overlay altında kalmalı */
.testimonials .marquee-track { position: relative; z-index: 1; }

/* Responsive: fade genişliğini küçült */
@media (max-width: 1024px) {
    .testimonials .marquee-container { --fade-edge: 64px; }
}
@media (max-width: 768px) {
    .testimonials .marquee-container { --fade-edge: 48px; }
}
@media (max-width: 480px) {
    .testimonials .marquee-container { --fade-edge: 32px; }
}