/* ===== OPTIMIZED REVIEWS - FASTER LOADING ===== */

/* Grille des reviews - simplified */
.glsr-reviews {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    max-width: 1300px;
    margin: 30px auto;
    padding: 0 20px;
    list-style: none;
}

/* Chaque carte de review - simplified */
.glsr-reviews li.glsr-review {
    border: 2px solid #6FA743;
    border-top: 5px solid #6FA743; /* Use border-top instead of ::before */
    border-radius: 12px;
    background: #F8F4ED;
    box-shadow: 0 5px 15px rgba(46, 89, 132, 0.08);
    
    /* Simplify transitions - only transform */
    will-change: transform; /* Hint to browser for optimization */
}

/* Remove the slow ::before pseudo-element */
.glsr-reviews li.glsr-review::before {
    display: none !important;
}

/* Simplify hover effect */
.glsr-reviews li.glsr-review:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(46, 89, 132, 0.12);
    border-color: #5a8c35;
}

/* Simplify review card */
.my-review-card {
    padding: 25px;
    background: rgba(111, 167, 67, 0.1);
    border-radius: 10px;
    height: 100%;
    
    /* Remove transition - not necessary */
}

/* Simplify separator */
.review-separator {
    height: 1px;
    background: #6FA743;
    opacity: 0.3;
    margin: 20px 0;
    border: none;
}

/* Remove unnecessary hover on card */
.glsr-reviews li.glsr-review:hover .my-review-card {
    background: rgba(111, 167, 67, 0.1); /* Keep same color */
}

/* Remove complex alignments unless needed */
.reviews-container {
    width: 100%;
}

/* RESPONSIVE - optimized */
@media (max-width: 1300px) {
    .glsr-reviews {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (max-width: 1000px) {
    .glsr-reviews {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 700px) {
    .glsr-reviews {
        grid-template-columns: 1fr;
        max-width: 400px;
        gap: 15px;
        padding: 0 15px;
    }
    
    /* Disable hover on mobile for better performance */
    .glsr-reviews li.glsr-review:hover {
        transform: none;
    }
}