/* WRAPPER */
.custom-reviews-wrapper {
    width: 100%;
}

/* HEADER */
.reviews-header {
    display: flex;
    flex-wrap: wrap;

    align-items: center;
    gap: 30px;
}

/* TÍTULO */
.reviews-title {
    font-size: 2rem;
    font-weight: 700;
}

/* RESUMO */
.reviews-summary {
    display: flex;
    align-items: center;
    gap: 18px;
}

/* MÉDIA */
.reviews-average {
    font-size: 3rem;
    font-weight: 700;

    color: #222;
}

/* ESTRELAS */
.reviews-stars .star-rating {
    font-size: 1.2rem;
}

/* CONTAGEM */
.reviews-count {
    color: #666;
}

/* LISTA */
.reviews-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* REVIEW */
.reviews-list ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* ITEM */
.reviews-list li {
    background: #fff;

    border: 1px solid #eee;
    border-radius: 16px;

    padding: 24px;

    transition: .2s ease;
}

/* HOVER */
.reviews-list li:hover {
    box-shadow:
        0 6px 20px rgba(0,0,0,.05);
}

/* AUTOR */
.reviews-list .meta {
    margin-bottom: 12px;

    color: #888;
}

/* NOME */
.reviews-list .woocommerce-review__author {
    color: #222;
    font-weight: 700;
}

/* DATA */
.reviews-list .woocommerce-review__published-date {
    color: #999;
}

/* TEXTO */
.reviews-list .description p {
    color: #555;

    line-height: 1.8;
}

/* ESTRELAS */
.reviews-list .star-rating {
    margin-bottom: 14px;
}

/* SEM REVIEW */
.no-reviews {
    background: #f8f9fa;

    border-radius: 14px;

    padding: 24px;

    color: #666;
}

/* FORM */
.review-form-wrapper {
    margin-top: 50px;

    background: #fff;

    border: 1px solid #eee;
    border-radius: 20px;

    padding: 30px;
}

/* TÍTULO FORM */
.review-form-title {
    font-size: 1.6rem;
    font-weight: 700;

    margin-bottom: 24px;
}

/* INPUTS */
.review-form-wrapper input,
.review-form-wrapper textarea,
.review-form-wrapper select {
    width: 100%;

    border: 1px solid #ddd;

    border-radius: 12px;

    padding: 14px;

    outline: none;

    transition: .2s ease;
}

/* FOCUS */
.review-form-wrapper input:focus,
.review-form-wrapper textarea:focus,
.review-form-wrapper select:focus {
    border-color: #3483fa;
}

/* BOTÃO */
.review-form-wrapper button,
.review-form-wrapper .submit {
    background: #3483fa !important;
    color: #fff !important;

    border: none !important;

    border-radius: 12px !important;

    padding: 14px 28px !important;

    font-weight: 600;

    transition: .2s ease;
}

/* HOVER */
.review-form-wrapper button:hover,
.review-form-wrapper .submit:hover {
    transform: translateY(-2px);
}

/* MOBILE */
@media (max-width: 768px) {

    .reviews-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .reviews-average {
        font-size: 2.2rem;
    }

    .review-form-wrapper {
        padding: 22px;
    }

}