/* ===== Trust Strip: Airline ticker (Premium) ===== */
.trust-strip {
  --duration: 25s;                  /* loop speed */
  --edge-fade: 40px;                /* side fade for nicer edges */

  /* Deep, premium navy with subtle vertical sheen */
  background: radial-gradient(1200px 280px at 50% -80px, rgba(255,255,255,.06), transparent 60%),
              linear-gradient(180deg, #081523 0%, #0a1c2e 60%, #0b2238 100%);
  border-top: 1px solid rgba(255,255,255,.10);
  color: #fff;
}
.trust-strip .trust-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 16px;
}

/* Edge fade (keeps ends elegant) */
.trust-strip .ticker { position: relative; overflow: hidden; }
.trust-strip .ticker {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--edge-fade), #000 calc(100% - var(--edge-fade)), transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 var(--edge-fade), #000 calc(100% - var(--edge-fade)), transparent 100%);
}

.trust-strip .ticker-track {
  display: flex; gap: 20px;
  will-change: transform;
  animation: trust-scroll var(--duration) linear infinite;
}
.trust-strip.paused .ticker-track,
.trust-strip .ticker:hover .ticker-track { animation-play-state: paused; }

@keyframes trust-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); } /* requires duplicated content (done in JS) */
}

.trust-strip .airline-list {
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.trust-strip .pill {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 14px;
  border-radius: 9999px;

  font-weight: 700;
  font-size: 14px;
  letter-spacing: .02em;
  white-space: nowrap;
  color: #fff;

  /* premium finish */
  border: 1px solid rgba(255,255,255,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 6px 18px rgba(0,0,0,.28);
  text-shadow: 0 1px 1px rgba(0,0,0,.35);
  transition: transform .15s ease, box-shadow .2s ease;
}
.trust-strip .pill:hover {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 10px 26px rgba(0,0,0,.34);
}

/* ---------- Modern gradient palette ---------- */
/* Works automatically using nth-child so you don't need extra classes. */
/* If you already add .g1..g10, those are supported too (see bottom). */

.trust-strip .airline-list .pill:nth-child(10n+1) { background: linear-gradient(90deg,#00d2ff,#3a7bd5); } /* sky -> royal */
.trust-strip .airline-list .pill:nth-child(10n+2) { background: linear-gradient(90deg,#7c3aed,#ec4899); } /* violet -> pink */
.trust-strip .airline-list .pill:nth-child(10n+3) { background: linear-gradient(90deg,#f59e0b,#ef4444); } /* amber -> red */
.trust-strip .airline-list .pill:nth-child(10n+4) { background: linear-gradient(90deg,#10b981,#059669); } /* emerald -> green */
.trust-strip .airline-list .pill:nth-child(10n+5) { background: linear-gradient(90deg,#6366f1,#3b82f6); } /* indigo -> blue */
.trust-strip .airline-list .pill:nth-child(10n+6) { background: linear-gradient(90deg,#22c1c3,#0ea5e9); } /* teal -> sky */
.trust-strip .airline-list .pill:nth-child(10n+7) { background: linear-gradient(90deg,#f43f5e,#fb7185); } /* rose tones */
.trust-strip .airline-list .pill:nth-child(10n+8) { background: linear-gradient(90deg,#a3e635,#22c55e); } /* lime -> green */
.trust-strip .airline-list .pill:nth-child(10n+9) { background: linear-gradient(90deg,#f97316,#f59e0b); } /* orange -> amber */
.trust-strip .airline-list .pill:nth-child(10n+10){ background: linear-gradient(90deg,#14b8a6,#06b6d4); } /* teal -> cyan */

.trust-strip .pill.plus {
  background: linear-gradient(90deg,#3b82f6,#6366f1);
}

/* Keep your original class-based palette working too */
.pill.g1  { background: linear-gradient(90deg,#00d2ff,#3a7bd5); }
.pill.g2  { background: linear-gradient(90deg,#7c3aed,#ec4899); }
.pill.g3  { background: linear-gradient(90deg,#f59e0b,#ef4444); }
.pill.g4  { background: linear-gradient(90deg,#10b981,#059669); }
.pill.g5  { background: linear-gradient(90deg,#6366f1,#3b82f6); }
.pill.g6  { background: linear-gradient(90deg,#22c1c3,#0ea5e9); }
.pill.g7  { background: linear-gradient(90deg,#f43f5e,#fb7185); }
.pill.g8  { background: linear-gradient(90deg,#a3e635,#22c55e); }
.pill.g9  { background: linear-gradient(90deg,#f97316,#f59e0b); }
.pill.g10 { background: linear-gradient(90deg,#14b8a6,#06b6d4); }

@media (prefers-reduced-motion: reduce) {
  .trust-strip .ticker-track { animation: none; }
}

/* a11y helper */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}