/**
 * Samtrygg rating input (5-star, clickable).
 * Markup: <div class="rating" data-rating-key="..." role="radiogroup" aria-label="..."></div>
 * Script populates 5 buttons on init.
 */
.rating {
  display: inline-flex;
  gap: 2px;
  line-height: 1;
  user-select: none;
}
.rating button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 2px;
  color: var(--sam-light, #ECE6DD);
  font-size: 28px;
  line-height: 1;
  transition: color 120ms ease, transform 120ms ease;
}
.rating button.is-hover,
.rating button.is-on   { color: var(--sam-red, #FF6D59); }
.rating button:hover   { transform: scale(1.1); }
.rating button:focus-visible {
  outline: 2px solid var(--sam-dark, #12161E);
  outline-offset: 2px;
  border-radius: 4px;
}
.rating--sm button { font-size: 20px; }
.rating--lg button { font-size: 34px; }
.rating.is-readonly button { cursor: default; pointer-events: none; }