/**
 * CSS für den Google Rezensionen Slider
 *
 * @author 4Unit Systems Integration GmbH
 * @link https://4unit.com
 * 
 * Firma: 4Unit Systems Integration GmbH
 * Adresse: Jahnstraße 36, 34582 Borken (Hessen)
 * Telefon: 05682 73 48 26
 * E-Mail: info@4unit.com
 * Website: https://4unit.com
 */

/* Allgemeine Slider-Styles */
.wpgrs-slider {
    margin: 30px 0;
    padding: 0;
}

.wpgrs-slider .slick-list {
    margin: 0 -15px;
}

.wpgrs-slider .slick-slide {
    margin: 0 15px;
}

/* Review-Box */
.wpgrs-review {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wpgrs-review:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

/* Review-Header mit Autor-Informationen */
.wpgrs-review-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.wpgrs-avatar {
    margin-right: 15px;
    flex-shrink: 0;
}

.wpgrs-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.wpgrs-author-info {
    flex-grow: 1;
}

.wpgrs-author {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 3px;
    color: #333;
}

.wpgrs-date {
    font-size: 12px;
    color: #777;
}

/* Sterne-Bewertung */
.wpgrs-rating {
    margin-bottom: 15px;
}

.wpgrs-stars {
    display: flex;
}

.wpgrs-star {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 3px;
    background-size: contain;
    background-repeat: no-repeat;
}

.wpgrs-star-full {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23FFC107" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"/></svg>');
}

.wpgrs-star-empty {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23DDD" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"/></svg>');
}

/* Review-Text */
.wpgrs-text {
    flex-grow: 1;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}

.wpgrs-text p:first-child {
    margin-top: 0;
}

.wpgrs-text p:last-child {
    margin-bottom: 0;
}

/* Slider-Navigation */
.wpgrs-slider .slick-prev,
.wpgrs-slider .slick-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1;
    transition: all 0.3s ease;
}

.wpgrs-slider .slick-prev:hover,
.wpgrs-slider .slick-next:hover {
    background-color: #f8f8f8;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.wpgrs-slider .slick-prev {
    left: -20px;
}

.wpgrs-slider .slick-next {
    right: -20px;
}

.wpgrs-slider .slick-prev:before,
.wpgrs-slider .slick-next:before {
    color: #555;
    font-family: Arial, sans-serif;
    opacity: 0.75;
}

.wpgrs-slider .slick-dots {
    bottom: -30px;
}

.wpgrs-slider .slick-dots li button:before {
    font-size: 10px;
    color: #ccc;
    opacity: 1;
}

.wpgrs-slider .slick-dots li.slick-active button:before {
    color: #4285F4;
    opacity: 1;
}

/* Fehlermeldungen */
.wpgrs-error {
    background: #f8d7da;
    color: #721c24;
    padding: 15px;
    border-radius: 5px;
    margin: 20px 0;
    border: 1px solid #f5c6cb;
}

/* Theme-Varianten */
.wpgrs-theme-light .wpgrs-review {
    background: #fff;
    color: #333;
}

.wpgrs-theme-dark .wpgrs-review {
    background: #292929;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.wpgrs-theme-dark .wpgrs-author {
    color: #fff;
}

.wpgrs-theme-dark .wpgrs-date {
    color: #aaa;
}

.wpgrs-theme-dark .wpgrs-text {
    color: #eee;
}

/* Ohne Avatar-Variante */
.wpgrs-slider:not(.wpgrs-show-avatar) .wpgrs-avatar {
    display: none;
}

/* Ohne Datum-Variante */
.wpgrs-hide-date .wpgrs-date {
    display: none;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .wpgrs-slider .slick-prev {
        left: -10px;
    }

    .wpgrs-slider .slick-next {
        right: -10px;
    }

    .wpgrs-avatar img {
        width: 40px;
        height: 40px;
    }

    .wpgrs-review {
        padding: 15px;
    }
}

@media screen and (max-width: 480px) {
    .wpgrs-slider .slick-prev,
    .wpgrs-slider .slick-next {
        width: 30px;
        height: 30px;
    }

    .wpgrs-slider .slick-prev {
        left: -5px;
    }

    .wpgrs-slider .slick-next {
        right: -5px;
    }
}