/* ============================================================================
   ratings.css - Site Reviews restyle (Path A, CONFIRMED FINAL).
   Site Reviews ships its own classes. We do not fight them, we retheme them.
   ========================================================================== */

.glsr{font-family:var(--font-body)}
.glsr-review{border-bottom:1px solid var(--color-line);padding-block:var(--space-5)}
.glsr-review:last-child{border-bottom:none}
.glsr-review__title{font-weight:800;letter-spacing:-.02em;font-size:var(--text-lg)}
.glsr-review__content{color:var(--color-ink-soft);margin-top:6px}
.glsr-review__date,.glsr-review__author{font-size:var(--text-xs);color:var(--color-ink-faint)}
.glsr-star{color:var(--color-accent-deep)}
.glsr-star-empty{color:var(--color-ink-mute)}

.glsr-summary{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}
.glsr-summary__rating{font-weight:800;font-size:var(--text-2xl);letter-spacing:-.02em}
.glsr-summary__count{font-size:var(--text-sm);color:var(--color-ink-faint)}

.glsr-form{border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);background:var(--color-bg-tint)}
.glsr-form legend,.glsr-field label{font-size:10px;font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-ink-faint)}
.glsr-field{margin-top:var(--space-4)}
.glsr-field input[type="text"],.glsr-field input[type="email"],.glsr-field textarea{
  width:100%;padding:14px 18px;border:1.5px solid var(--color-line-ui);border-radius:var(--radius-md);background:#fff}
.glsr-button,.glsr-form button[type="submit"]{
  margin-top:var(--space-5);display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:15px 28px;border-radius:var(--radius-pill);
  background:var(--color-ink);color:var(--color-text-invert);font-weight:700;font-size:var(--text-sm)}
.glsr-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}

/* rating widget embedded inside a flooded flavour card */
.fl .glsr-summary__rating,.fl .glsr-review__title{color:var(--on)}
.fl .glsr-summary__count,.fl .glsr-review__date{color:color-mix(in srgb, var(--on) var(--on-a-label), transparent)}