/* Modalele de recenzie (ReviewFormModal, ReviewConfirmModal). Chrome-ul comun de modal "formular"
   e în wwwroot/css/components/form-modal.css; fișierul de față ține doar ce e specific recenziei. */

.review-verified {
    color: var(--color-content-positive-secondary);
}

/* ===== Rating interactiv (click pe stea) ===== */

.review-rating-star {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-bg-rating);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-rating-star-icon {
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--color-content-rating-tertiary);
    -webkit-mask: url("../../images/icons/star.svg") center / contain no-repeat;
    mask: url("../../images/icons/star.svg") center / contain no-repeat;
}

.review-rating-star-active .review-rating-star-icon {
    background-color: var(--color-content-rating-secondary);
}

/* ===== Numărător de caractere (textarea propriu-zisă e .form-textarea, în form-modal.css) ===== */

.review-char-count {
    font-size: var(--text-s-size);
    color: var(--color-content-tertiary);
}

/* Grila foto/video (.media-upload-*) e în wwwroot/css/components/media-upload.css */

/* ===== Info puncte + termeni ===== */

.review-info-box {
    background-color: var(--color-bg-informative);
    color: var(--color-content-informative);
    font-size: var(--text-s-size);
}

.review-info-box strong {
    font-weight: var(--font-weight-semibold);
}

.review-terms {
    font-size: var(--text-xs-size);
    color: var(--color-content-tertiary);
}

.review-terms-link {
    color: inherit;
    text-decoration: underline;
}

/* ===== Modal de confirmare — recompensă puncte Evia (specifică recenziei; icon/text comune sunt în form-modal.css) ===== */

.review-confirm-reward {
    background-color: var(--color-bg-loyalty);
}

.review-confirm-reward-title {
    font-weight: var(--font-weight-semibold);
    font-size: var(--heading-xs-size);
    color: var(--color-content-loyalty-primary);
}

.review-confirm-reward-text {
    color: var(--color-content-loyalty-secondary);
    font-size: var(--text-s-size);
}