/* ==========================================================
 * reviews.css — Reviews Page Styles
 * ========================================================== */

.reviews-page-section { background: var(--clr-dark); }

.reviews-summary {
    background: var(--clr-dark-2);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    display: inline-block;
    padding: 2.5rem 4rem;
    margin: 0 auto;
}

.rs-score {
    font-family: var(--ff-heading);
    font-size: 5rem;
    font-weight: var(--fw-black);
    color: var(--clr-accent);
    line-height: 1;
    margin-bottom: .5rem;
}

.rs-stars {
    color: var(--clr-accent);
    font-size: 1.2rem;
    letter-spacing: 4px;
    margin-bottom: .5rem;
}

.rs-count { color: var(--clr-muted); font-size: .85rem; margin: 0; }

.review-card-full {
    background: var(--clr-dark-2);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    padding: 2rem;
    height: 100%;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
}

.review-card-full:hover {
    border-color: var(--clr-accent);
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.rcf-text {
    flex: 1;
    font-style: italic;
    color: var(--clr-text);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.rcf-author {
    display: flex;
    align-items: center;
    gap: .8rem;
    border-top: 1px solid var(--clr-border);
    padding-top: 1rem;
}

.rcf-avatar {
    width: 46px; height: 46px;
    background: var(--clr-dark-3);
    border: 2px solid var(--clr-accent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--clr-accent);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.rcf-info strong { display: block; color: var(--clr-white); font-size: .95rem; }
.rcf-info span { display: block; font-size: .8rem; color: var(--clr-muted); }
.rcf-info span i { font-size: .7rem; margin-right: .2rem; }

.reviews-page-cta {
    background: var(--clr-dark-2);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 3rem 2rem;
}

.reviews-page-cta h3 { font-size: 1.8rem; margin-bottom: 0; }

@media (max-width: 575.98px) {
    .reviews-summary { padding: 2rem 2rem; }
}