/* Basic Card Styling */
.review-card {
    background-color: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Soft shadow like your image */
    height: 100%; /* Important for consistent slide height */
    display: flex;
    flex-direction: column;
}

/* Star Rating Styling */
.review-rating .star-rating {
    /* WooCommerce star styling - you might need to override the Woo styles */
    color: #ffc700; /* Gold color for stars */
    font-size: 24px;
    line-height: 1;
    margin-bottom: 15px;
}

/* Header/Meta Styling */
.review-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    font-size: 14px;
}

.review-author {
    font-weight: bold;
    color: #333;
}

.review-date {
    color: #999;
}

/* Review Content */
.review-content {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    flex-grow: 1; /* Pushes other elements to the bottom */
    margin-bottom: 0px;
}

/* Carousel Specific Styles (for Swiper) */
.best-seller-reviews-carousel {
    padding-bottom: 15px; /* Space for pagination dots */
    overflow: hidden; /* Ensure content is clipped */
}

.swiper-pagination-bullet-active {
    background: #000; /* Active dot color */
}

/* Hide the placeholder text if it's there */
.swiper-button-prev,
.swiper-button-next {
    /* Ensures the default Swiper content is cleared or ignored */
    --swiper-navigation-size: 24px; /* Default size for reference */
    font-family: inherit; /* Stop trying to use Swiper's internal font */
    font-size: 0; /* Hide the text, if it exists */
}

/* Use Unicode characters for arrows */
.swiper-button-prev::after {
    content: '\276E' !important; /* Unicode for heavy left-pointing angle quotation mark */
    font-size: 30px !important; /* Make the arrow visible */
    font-weight: bold;
    color: #333; /* Arrow color */
}

.swiper-button-next::after {
    content: '\276F' !important; /* Unicode for heavy right-pointing angle quotation mark */
    font-size: 30px !important;
    font-weight: bold;
    color: #333;
}

/* --- Custom Star Rating Styling --- */
.review-rating.custom-five-stars {
    display: flex;
    align-items: center;
    gap: 0px; /* Space between stars and the text */
    margin-bottom: 15px;
}

.review-rating .star-icon {
    /* Use a standard block display */
    display: inline-block;
    color: #FFC700; /* Standard gold color for ratings */
    font-size: 24px; /* Adjust size as needed */
    line-height: 1;
}

/* Use a filled star Unicode character */
.review-rating .star-icon::before {
    content: '\2605'; /* Unicode for a solid, filled star */
}

.review-rating .rating-text {
    /* Style for the "Bewertet mit 5 von 5" text, aligning it with your image */
    font-size: 14px;
    color: #333;
    margin-left: 10px; /* Space between the last star and the text */
}

/* --- Navigation Arrow Styles (from previous fix, ensuring good position) --- */
.swiper-button-prev,
.swiper-button-next {
    /* ... (Your previous CSS for arrow positioning/font fix) ... */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
}
.swiper-button-prev { left: -50px !important; } /* Adjust position */
.swiper-button-next { right: -50px !important; } /* Adjust position */

/* You can also style the author/date/product link to match the clean design */
.review-author, .review-date { 
    font-weight: 600; /* Semi-bold for names */
}
.review-date {
    color: #777;
    font-size: 13px;
    font-weight: 400;
}
.reviewed-product-link {
    margin-top: auto; /* Push the link to the bottom */
    text-decoration: none;
    font-weight: 600;
    color: #4A90E2; /* A nice blue color for links */
}

.product-rating-summary {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between stars and review count */
    font-size: 14px;
}

/* Style for the WooCommerce stars container */
.product-rating-summary .star-rating {
    /* Ensures the stars are gold and correctly sized */
    color: #FFC700;
    font-size: 14px; /* Match the text size */
    line-height: 1.5;
    margin: 0;
}

/* Style for the review count link */
.product-rating-summary .review-count-link {
    color: #555;
    text-decoration: none; /* Remove underline */
}

.product-rating-summary .review-count-link:hover {
    text-decoration: underline; /* Add underline on hover */
}

@media (max-width: 1024px) {
    .swiper-button-prev { left: -20px !important; } /* Adjust position */
    .swiper-button-next { right: -20px !important; } /* Adjust position */
}

@media (max-width: 767px) {
    .swiper-button-prev { left: -15px !important; } /* Adjust position */
    .swiper-button-next { right: -15px !important; } /* Adjust position */
}