/* ── 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); }
.card-dubai     { background: linear-gradient(135deg, #f97316, #fbbf24); }
.card-rome      { background: linear-gradient(135deg, #dc2626, #f97316); }
.card-barcelona { background: linear-gradient(135deg, #eab308, #f97316); }
.card-maldives  { background: linear-gradient(135deg, #06b6d4, #0ea5e9); }
.card-sydney    { background: linear-gradient(135deg, #0ea5e9, #14b8a6); }
.card-amsterdam { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.card-prague    { background: linear-gradient(135deg, #7c3aed, #6366f1); }
.card-istanbul  { background: linear-gradient(135deg, #dc2626, #7c3aed); }

/* ── Additional destination card gradients ── */
.card-bangkok    { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.card-singapore  { background: linear-gradient(135deg, #8b5cf6, #3b82f6); }
.card-london     { background: linear-gradient(135deg, #1e3a5f, #c0392b); }
.card-venice     { background: linear-gradient(135deg, #0d9488, #b45309); }
.card-rio        { background: linear-gradient(135deg, #16a34a, #ca8a04); }
.card-kyoto      { background: linear-gradient(135deg, #ec4899, #a78bfa); }
.card-capetown   { background: linear-gradient(135deg, #ea580c, #dc2626); }
.card-phuket     { background: linear-gradient(135deg, #0284c7, #0d9488); }
.card-marrakech  { background: linear-gradient(135deg, #ea580c, #b45309); }
.card-florence   { background: linear-gradient(135deg, #d97706, #b45309); }
.card-vienna     { background: linear-gradient(135deg, #7c3aed, #4338ca); }
.card-budapest   { background: linear-gradient(135deg, #0891b2, #0d9488); }
.card-lisbon     { background: linear-gradient(135deg, #ca8a04, #ea580c); }
.card-havana     { background: linear-gradient(135deg, #0d9488, #15803d); }
.card-queenstown { background: linear-gradient(135deg, #15803d, #0284c7); }
.card-patagonia  { background: linear-gradient(135deg, #334155, #0284c7); }
.card-petra      { background: linear-gradient(135deg, #d97706, #ea580c); }
.card-angkorwat  { background: linear-gradient(135deg, #15803d, #0d9488); }
.card-serengeti  { background: linear-gradient(135deg, #d97706, #ca8a04); }
.card-cinqueterre{ background: linear-gradient(135deg, #db2777, #0d9488); }
.card-amalfi     { background: linear-gradient(135deg, #0d9488, #ca8a04); }
.card-dubrovnik  { background: linear-gradient(135deg, #1d4ed8, #334155); }

/* ── 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;
}