/* Vibe Tampa - quick-link pill row */

.vt-quick-links {
  padding: 0 24px 48px;
}

.vt-quick-links__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.vt-pill {
  display: inline-block;
  border: 1.5px solid var(--vt-pill-color, var(--vt-coral));
  color: var(--vt-pill-color, var(--vt-coral-deep));
  font-family: var(--vt-font-body);
  font-weight: 600;
  font-size: 0.85rem;
  padding: 8px 18px;
  border-radius: 999px;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.vt-pill:hover {
  background-color: var(--vt-pill-color, var(--vt-coral));
  color: var(--vt-cream);
}

/* "This Weekend" hub pill: filled, not outlined, so it reads as the one
   cross-cutting link that isn't just another topic category. */
.vt-pill--solid {
  border: 1.5px solid var(--vt-ink);
  background-color: var(--vt-ink);
  color: var(--vt-cream);
}

.vt-pill--solid:hover {
  background-color: var(--vt-ink-soft);
  border-color: var(--vt-ink-soft);
  color: var(--vt-cream);
}

/* Cycle through the palette so the pill row itself reads as colorful,
   not a single repeated color. */
.vt-pill:nth-of-type(8n+1) { --vt-pill-color: var(--vt-coral); }
.vt-pill:nth-of-type(8n+2) { --vt-pill-color: var(--vt-pink-deep); }
.vt-pill:nth-of-type(8n+3) { --vt-pill-color: var(--vt-teal-deep); }
.vt-pill:nth-of-type(8n+4) { --vt-pill-color: #B8860B; }
.vt-pill:nth-of-type(8n+5) { --vt-pill-color: var(--vt-purple); }
.vt-pill:nth-of-type(8n+6) { --vt-pill-color: var(--vt-coral-deep); }
.vt-pill:nth-of-type(8n+7) { --vt-pill-color: var(--vt-pink); }
.vt-pill:nth-of-type(8n+8) { --vt-pill-color: var(--vt-teal); }