/* ===========================
   Google Reviews Testimonials
   CommonNinja Integration
   =========================== */

.testimonials-section {
    background-color: #1a1a1a;
    padding: 4rem 0;
    position: relative;
}

.testimonials-header {
    text-align: center;
    margin-bottom: 3rem;
}

.testimonials-header h2 {
    font-size: 2.5rem;
    color: var(--color-white);
    font-family: var(--font-serif);
    margin-bottom: 1rem;
    font-weight: 300;
}

.testimonials-header p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.1rem;
    margin: 0;
}

/* CommonNinja Widget Styling */
.commonninja-reviews-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* CommonNinja widget container */
.commonninja_component {
    background-color: transparent !important;
}

/* Override CommonNinja default styles to match dark theme */
.commonninja_component * {
    color: var(--color-white) !important;
}

/* Custom styling for CommonNinja widget elements */
.commonninja_component .review-item,
.commonninja_component .review-card,
.commonninja_component [class*="review"] {
    background-color: #2a2a2a !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    margin: 1rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.commonninja_component .review-text,
.commonninja_component [class*="review-text"],
.commonninja_component [class*="text"] {
    color: var(--color-white) !important;
    font-family: var(--font-serif) !important;
    font-style: italic !important;
    line-height: 1.6 !important;
}

.commonninja_component .review-author,
.commonninja_component [class*="author"] {
    color: var(--color-white) !important;
    font-weight: 500 !important;
}

.commonninja_component .review-date,
.commonninja_component [class*="date"] {
    color: rgba(255, 255, 255, 0.6) !important;
}

.commonninja_component .stars,
.commonninja_component [class*="star"],
.commonninja_component [class*="rating"] {
    color: #FFD700 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .testimonials-section {
        padding: 3rem 0;
    }
    
    .testimonials-header h2 {
        font-size: 2rem;
    }
    
    .commonninja_component .review-item,
    .commonninja_component .review-card {
        padding: 1.5rem !important;
        margin: 0.5rem !important;
    }
}