/*
    Project-authored styles for the public pages.

    Not app.css, which belongs to the purchased theme and is replaced wholesale
    when the theme is. Not custom.css either: the admin panel's theme editor
    reads that file into a textarea and writes the textarea back, so anything
    put there is one save away from being gone - which is worth knowing, because
    the category-label wrapping fix is still sitting in it.
*/

/* --------------------------------------------------------------- review provenance */

/*
    Where a review came from. Small and quiet: it sits beside a review title,
    and a badge that shouts is a badge that gets ignored on the tenth review
    down the page.
*/
.rv-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.01em;
    white-space: nowrap;
    vertical-align: middle;
}

.rv-badge i {
    font-size: 0.78rem;
}

/*
    Green, and the only one of the two that is. A verified review is the one
    claim on this page that somebody was actually a customer, and it should not
    look like the weaker statement beside it.
*/
.rv-badge-verified {
    color: #146c43;
    background: rgba(25, 135, 84, 0.12);
}

/*
    Deliberately neutral. "Requested" means the business asked through a link
    anybody could have followed - it is a fact about the business, not about the
    reviewer, and colouring it like an endorsement would be the quickest way to
    make the green one mean nothing.
*/
.rv-badge-requested {
    color: rgb(var(--text_muted_color));
    background: rgba(var(--text_muted_color), 0.1);
}