/* Testimonial Dark Mode Fix - Ensures testimonials remain readable */

/* Force testimonial sections to have light background with dark text in both modes */
.testimonial,
.testimonial-section,
.testimonial-card,
.testimonials {
    background: #f8f9fa !important;
    color: #333 !important;
}

/* Ensure all testimonial text remains dark */
.testimonial *,
.testimonial-section *,
.testimonial-card *,
.testimonials * {
    color: #333 !important;
}

/* Specific elements within testimonials */
.testimonial blockquote,
.testimonial-card blockquote,
.testimonials blockquote {
    color: #333 !important;
    font-style: italic;
}

.testimonial-author,
.testimonial blockquote footer,
.testimonial-card footer {
    color: #666 !important;
    font-weight: 500;
}

/* Override any dark mode text color changes for testimonials */
[data-theme="dark"] .testimonial,
[data-theme="dark"] .testimonial-section,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .testimonials {
    background: #f8f9fa !important;
    color: #333 !important;
    border-color: #ddd !important;
}

[data-theme="dark"] .testimonial *,
[data-theme="dark"] .testimonial-section *,
[data-theme="dark"] .testimonial-card *,
[data-theme="dark"] .testimonials * {
    color: #333 !important;
}

/* Ensure headings in testimonial sections are also dark */
[data-theme="dark"] .testimonial h1,
[data-theme="dark"] .testimonial h2,
[data-theme="dark"] .testimonial h3,
[data-theme="dark"] .testimonial h4,
[data-theme="dark"] .testimonial h5,
[data-theme="dark"] .testimonial h6,
[data-theme="dark"] .testimonials h1,
[data-theme="dark"] .testimonials h2,
[data-theme="dark"] .testimonials h3,
[data-theme="dark"] .testimonials h4,
[data-theme="dark"] .testimonials h5,
[data-theme="dark"] .testimonials h6 {
    color: #2c3e50 !important;
}

/* Ensure links in testimonials remain visible */
[data-theme="dark"] .testimonial a,
[data-theme="dark"] .testimonials a {
    color: #3498db !important;
    text-decoration: underline;
}

[data-theme="dark"] .testimonial a:hover,
[data-theme="dark"] .testimonials a:hover {
    color: #2980b9 !important;
}

/* Fix for testimonial cards with borders */
[data-theme="dark"] .testimonial {
    border-left: 4px solid #3498db !important;
}

[data-theme="dark"] .testimonial-card {
    border: 1px solid #ddd !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Ensure any nested testimonial content remains readable */
[data-theme="dark"] .testimonial-content,
[data-theme="dark"] .testimonial-text,
[data-theme="dark"] .testimonial p {
    color: #333 !important;
    background: transparent !important;
}