/**
 * .ww-trust-score / .ww-score-breakdown — per docs/MASTER-SPEC.md's Trust
 * Score model and Trust Acceptance Standard ("every recommendation must
 * answer WHY"). The score number is never shown without its label and,
 * wherever space allows, a link/disclosure to the reasons behind it —
 * enforced by markup convention (see includes/template-tags), not by CSS,
 * but the empty/unknown state below exists so a template can never
 * silently render "0" for a casino with no score yet.
 */

.ww-trust-score {
    display: inline-flex;
    align-items: baseline;
    gap: 0.5rem;
}

.ww-trust-score__value {
    font-size: var(--wp--preset--font-size--h3);
    font-weight: 800;
    color: var(--wp--preset--color--ink);
    font-variant-numeric: tabular-nums;
}

.ww-trust-score__label {
    font-size: var(--wp--preset--font-size--small);
    font-weight: 600;
}

.ww-trust-score--exceptional .ww-trust-score__value,
.ww-trust-score--exceptional .ww-trust-score__label { color: var(--wp--preset--color--success); }

.ww-trust-score--excellent .ww-trust-score__value,
.ww-trust-score--excellent .ww-trust-score__label { color: var(--wp--preset--color--success); }

.ww-trust-score--good .ww-trust-score__value,
.ww-trust-score--good .ww-trust-score__label { color: var(--wp--preset--color--info); }

.ww-trust-score--average .ww-trust-score__value,
.ww-trust-score--average .ww-trust-score__label { color: var(--wp--preset--color--warning); }

.ww-trust-score--below-average .ww-trust-score__value,
.ww-trust-score--below-average .ww-trust-score__label,
.ww-trust-score--high-risk .ww-trust-score__value,
.ww-trust-score--high-risk .ww-trust-score__label { color: var(--wp--preset--color--danger); }

/* Zero-Data Principle: a casino with no score yet is never "0" — this
   state renders instead, and templates must use it rather than falling
   through to a numeric default. */
.ww-trust-score--unknown .ww-trust-score__value {
    font-size: var(--wp--preset--font-size--body);
    color: var(--wp--preset--color--muted);
    font-weight: 600;
}

.ww-score-breakdown {
    display: grid;
    gap: 0.5rem;
}

.ww-score-breakdown__row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0.75rem;
    font-size: var(--wp--preset--font-size--small);
}

.ww-score-breakdown__bar {
    grid-column: 1 / -1;
    height: 6px;
    border-radius: var(--ww-radius-pill);
    background: var(--wp--preset--color--surface-alt);
    overflow: hidden;
}

.ww-score-breakdown__bar-fill {
    height: 100%;
    background: var(--wp--preset--color--accent);
    border-radius: inherit;
}