/* Member reviews: the Buy Member Reviews dialog. The widget itself wears the
   Coverage widget's classes (cover-widget, cv-order, cv-pitch) and needs
   nothing of its own. See includes/memberreviews.php and js/memberreviews.js. */

.mr-dlg-lead,
.mr-dlg-total,
.mr-dlg-note {
    text-align: left;
    margin: 0 0 12px;
}

/* Submit Review on the summary page's bar, for the member reviewing the
   script (2026-10-04): the action yellow of .btn-script on the bar's
   .open-script-btn shape. */
.open-script-btn.mr-submit-btn {
    background: var(--warning);
    color: #fff;
}

.open-script-btn.mr-submit-btn:hover {
    background: #e0ad00;
    color: #fff;
    box-shadow: 0 4px 12px rgba(244, 189, 14, .3);
}

/* Short for its format (2026-10-04): the AI price dialog's .ai-length-warn
   look, above the price. */
.mr-dlg-warn {
    text-align: left;
    margin: 0 0 12px;
    padding: 10px 12px;
    border-left: 3px solid #d4a017;
    background: #fff8e6;
    color: #6b5310;
    border-radius: 4px;
    font-size: .95rem;
}

.mr-dlg-warn i {
    margin-right: 4px;
}

.mr-dlg-qty {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
}

/* The site's .form-control (padding, border, 16px type), kept to the width of
   a one-digit number -- with room on the right for the arrow. */
.mr-dlg-qty select {
    width: auto;
    min-width: 90px;
    padding-right: 34px;
    cursor: pointer;
}

.mr-dlg-note {
    font-size: .9rem;
    color: var(--text-muted, #8a8a8a);
}

/* The score chips in the corner of the script summary card, under the gear
   (Ben, 2026-10-03): the Library card's boxes, stacked. Absolutely placed so
   they never push the card's text down; the card is padded on the right when
   there are any (getScriptCard.php). */
.sd-score-chips-wrap {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.sd-score-chips-wrap.has-gear {
    top: 44px;
}

.sd-score-chips-wrap:empty {
    display: none;
}

.mr-cov-box {
    cursor: pointer;
}

/* Under a review: how helpful members found it, the stars to rate it, and,
   for the author, Report this review. */
/* A box of its own in a warm tint, so it does not read as one more section
   of the review above it (Ben). */
.mr-feedback {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 22px;
    margin-top: 16px;
    padding: 12px 16px;
    background: #fdf6e3;
    border: 1px solid #f0dfae;
    border-radius: 10px;
}

.mr-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    font-size: .95rem;
}

.mr-rating.is-saving {
    opacity: .5;
}

.mr-rating-avg,
.mr-card-rating i {
    color: #e0a800;
    font-weight: 700;
}

.mr-rating-n {
    color: var(--text-muted, #8a8a8a);
    font-weight: 400;
}

.mr-rate-ask {
    margin-left: 6px;
    color: var(--text-soft, #6b6b6b);
}

.mr-stars {
    display: inline-flex;
    gap: 2px;
}

.mr-star {
    border: 0;
    background: none;
    padding: 2px;
    font-size: 1.15rem;
    color: #d6d9de;
    cursor: pointer;
    line-height: 1;
}

.mr-star.is-on {
    color: #e0a800;
}

/* Light every star up to the one under the pointer, not just that one. */
.mr-stars:hover .mr-star {
    color: #e0a800;
}

.mr-stars .mr-star:hover ~ .mr-star {
    color: #d6d9de;
}

.mr-report,
.mr-reported {
    margin-left: auto;
    font-size: .9rem;
    color: var(--text-muted, #8a8a8a);
}

.mr-report:hover {
    color: var(--danger, #e85347);
}

.mr-reported {
    color: var(--danger, #e85347);
}