/* Prize strip on the school cards of Logo Management ([logo_grid type="school" layout="cards"]). */
.svpk-cardstrip {
  --svpk-primary: var(--sv-color-primary, #003d7c);
  --svpk-primary-light: var(--sv-color-primary-light, #def1fb);
  --svpk-border: var(--sv-color-border, #dddddd);
  --svpk-muted: var(--sv-color-text-muted, #666666);
  --svpk-gold: var(--sv-color-gold, #d4a72c);
  --svpk-gold-light: var(--sv-color-gold-light, #fbf1d6);
  --svpk-gold-dark: var(--sv-color-gold-dark, #8a6508);

  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-top: 1px solid var(--svpk-border);
  border-radius: 0 0 10px 10px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--svpk-primary);
  text-decoration: none;
  transition: background-color .2s ease;
}

.svpk-cardstrip:hover { background: var(--svpk-primary-light); color: var(--svpk-primary); }
.svpk-cardstrip:focus-visible { outline: 2px solid var(--sv-color-accent, #6cbe57); outline-offset: -2px; }

.svpk-cardstrip__cup {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: 1.5px solid var(--svpk-gold);
  border-radius: 50%;
  background: var(--svpk-gold-light);
  color: var(--svpk-gold-dark);
}

.svpk-cardstrip .svpk-cup { width: .8125rem; height: .8125rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.svpk-cardstrip__nr {
  font-family: var(--wp--preset--font-family--fraunces, inherit);
  font-size: 1rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.svpk-cardstrip__chev { margin-left: auto; font-size: 1.1rem; line-height: 1; color: var(--svpk-muted); }

@media (max-width: 600px) {
  .svpk-cardstrip { gap: 6px; padding: 8px 10px; font-size: .75rem; }
}