/**
 * Specjalne poprawki CSS dla poprawnego wyświetlania komponentów testimonials
 * Ten plik zawiera krytyczne naprawy dla prawidłowego renderowania opinii klientów
 */

/* Ogólne naprawy dla kontenera */
.testimonials-section {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* Naprawy dla karuzeli */
.testimonials-carousel {
    overflow: visible;
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

/* Naprawy dla ścieżki slajdów */
.testimonials-carousel .testimonial-track {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

/* Naprawy dla kart */
.testimonials-carousel .testimonial-card {
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 20px;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Naprawy dla tekstu */
.testimonial-text {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    display: block;
    padding: 0;
    text-overflow: ellipsis;
}

/* Naprawy dla trybu dark */
body.dark-mode .testimonial-text {
    color: var(--dark-text);
}

/* Naprawy dla urządzeń mobilnych */
@media (max-width: 768px) {
    .testimonials-carousel {
        max-width: 95%;
    }
    
    .testimonial-text {
        font-size: 0.95rem;
    }
}