/* Import Nunito font from Google Fonts */
/* This is also enqueued in PHP, but kept here for clarity if you were to use it directly */
/* @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap'); */

.wp-testimonials-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* Space between testimonials */
    padding: 20px;
    margin: 0 auto;
    max-width: 1200px; /* Max width for the container */
}

.wp-testimonial-item {
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
    text-align: center;
    flex: 1 1 300px; /* Allows items to grow/shrink, with a base width of 300px */
    max-width: 400px; /* Max width for individual testimonial item */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 200px; /* Ensure a minimum height for consistent look */
}

.wp-testimonial-content {
    font-family: 'Nunito', sans-serif;
    color: #000000; /* Black color for comments */
    font-size: 1.1em;
    line-height: 1.6;
    margin-bottom: 20px;
    position: relative; /* Needed for absolute positioning of inverted commas */
    padding: 0 20px; /* Padding to prevent text from overlapping quotes */
}

/* Inverted commas styling */
.wp-testimonial-content::before,
.wp-testimonial-content::after {
    color: #eba188; /* Specified color for inverted commas */
    font-size: 4em; /* Large size for prominent commas */
    line-height: 0.5;
    position: absolute;
    font-family: serif; /* A classic serif font for quotes */
    opacity: 0.7; /* Slightly transparent for a softer look */
}

.wp-testimonial-content::before {
    content: '\201C'; /* Left double quotation mark */
    top: 5px; /* Adjust vertical position */
    left: 0px; /* Adjust horizontal position */
}

.wp-testimonial-content::after {
    content: '\201D'; /* Right double quotation mark */
    bottom: -10px; /* Adjust vertical position */
    right: 0px; /* Adjust horizontal position */
}

.wp-testimonial-rating {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.5em; /* Size of the stars */
    color: #FFD700; /* Gold color for stars */
}

.wp-testimonial-rating .star {
    margin: 0 2px;
}

.wp-testimonial-rating .star.empty {
    color: #ccc; /* Lighter color for empty stars */
}

.wp-testimonial-author {
    font-family: 'Nunito', sans-serif;
    font-weight: 700; /* Bold for author name */
    font-size: 1.2em;
    color: #333333;
    margin-top: 10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .wp-testimonial-item {
        flex: 1 1 100%; /* Stack testimonials on smaller screens */
        max-width: 90%; /* Adjust max-width for better mobile fit */
    }

    .wp-testimonial-content::before {
        font-size: 3em;
        top: 0;
        left: 5px;
    }

    .wp-testimonial-content::after {
        font-size: 3em;
        bottom: 0;
        right: 5px;
    }
}