/* ── Hero & CTA gradients ── */
.hero-gradient {
  background: linear-gradient(135deg, #0f766e 0%, #0891b2 55%, #1e40af 100%);
}

.cta-gradient {
  background: linear-gradient(135deg, #0d9488 0%, #0284c7 100%);
}

/* ── Destination card image placeholders ── */
.card-bali      { background: linear-gradient(135deg, #22c55e, #15803d); }
.card-paris     { background: linear-gradient(135deg, #a855f7, #ec4899); }
.card-santorini { background: linear-gradient(135deg, #38bdf8, #0ea5e9); }
.card-peru      { background: linear-gradient(135deg, #f59e0b, #f97316); }
.card-tokyo     { background: linear-gradient(135deg, #f43f5e, #fb923c); }
.card-nyc       { background: linear-gradient(135deg, #6366f1, #3b82f6); }

/* ── Shared card badge styles ── */
.badge-pill {
  display: inline-block;
  background: rgba(255,255,255,0.18);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,0.28);
  color: #fff;
  font-size: 0.7rem;
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
}

.badge-top {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: #fbbf24;
  color: #78350f;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.55rem;
  border-radius: 9999px;
}