/* ==========================================================================
   Component: Trust pill — Figma 69:544 / 78:391
   Rounded label used under the Home hero and every page hero.
   ========================================================================== */

.trustav-pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 6px 14px;
  font-size: var(--fs-small);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-body);
  color: var(--c-black);
  background-color: var(--c-neutral-5);
  border: var(--border-width) solid var(--c-neutral-3);
  border-radius: var(--radius-pill);
}

.trustav-pill__icon,
.trustav-pill__stars {
  display: inline-flex;
  align-items: center;
}

.trustav-pill__icon svg {
  width: 16px;
  height: 16px;
}

.trustav-pill--rating {
  gap: 9px;
}

.trustav-pill__rating {
  display: inline-flex;
  align-items: center;
  margin-inline-start: -5px;
}

.trustav-pill__rating strong {
  font-weight: var(--fw-semibold);
}

.trustav-pill__rating-max {
  color: var(--c-neutral-2);
}

.trustav-pill__stars svg {
  width: 79px;
  height: 13px;
}

/* Linked pill (client, 2026-09-29): the home hero pills point to their pages. */
.trustav-hero__pill-item {
  display: contents;
}

a.trustav-pill--link {
  text-decoration: none;
  transition: border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);
}

a.trustav-pill--link:hover,
a.trustav-pill--link:focus-visible {
  color: var(--c-black);
  border-color: var(--c-accent);
  background-color: var(--c-white);
}