/* Simpletools Ratings — style dopasowane do design tokens motywu (tokens.css) */
.st-ratings {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-2, .5rem);
  padding: var(--space-6, 1.5rem); margin: var(--space-8, 2rem) 0;
  background: var(--color-surface, #fff); border: 1px solid var(--color-border, #e9eaf1);
  border-radius: var(--radius-lg, 16px); text-align: center;
}
.st-ratings__stars { display: flex; gap: var(--space-1, .25rem); }
.st-ratings__star {
  background: none; border: none; padding: var(--space-1, .25rem); cursor: pointer;
  color: var(--color-border-strong, #d1d5e0); line-height: 1;
  transition: color var(--transition-fast, 140ms), transform var(--transition-fast, 140ms);
}
.st-ratings__star .material-symbols-rounded { font-size: 28px; }
.st-ratings__star:hover:not(:disabled),
.st-ratings__star:focus-visible:not(:disabled),
.st-ratings__star.is-active { color: var(--color-star, #F5A623); transform: scale(1.08); }
.st-ratings__star:disabled { cursor: default; }
.st-ratings[data-voted="1"] .st-ratings__star:not(.is-filled) { color: var(--color-border, #e9eaf1); }
.st-ratings[data-voted="1"] .st-ratings__star.is-filled { color: var(--color-star, #F5A623); }
.st-ratings__summary {
  margin: 0; font-family: var(--font-sans, sans-serif); font-size: var(--text-sm, .875rem);
  color: var(--color-text-secondary, #5b6472); display: flex; align-items: baseline; gap: var(--space-2, .5rem);
}
.st-ratings__avg { font-weight: 700; color: var(--color-text, #0e1117); font-size: var(--text-lg, 1.125rem); }
.st-ratings__thanks {
  margin: 0; font-family: var(--font-sans, sans-serif); font-size: var(--text-sm, .875rem);
  color: var(--color-primary, #5B53F0); font-weight: 600;
}