/* ============================================================
   GradeSpark — Ticker / infinite-scroll strip
   ============================================================ */

.gs-ticker {
  overflow: hidden;
  width: 100%;
  position: relative;
  /* fade edges */
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image:         linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.gs-ticker__track {
  display: flex;
  gap: var(--space-6, 24px);
  width: max-content;
  animation: ticker-scroll 28s linear infinite;
}

/* Reverse direction for the second ticker */
.gs-ticker--reverse .gs-ticker__track {
  animation-direction: reverse;
}

/* Pause on hover */
.gs-ticker:hover .gs-ticker__track {
  animation-play-state: paused;
}

@keyframes ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Course pill ────────────────────────────────────────── */
.gs-ticker__pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2, 8px);
  padding: var(--space-2, 8px) var(--space-4, 16px);
  /*  background: var(--bg-surface);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-pill); */
  white-space: nowrap;
  font-size: 14px;
  font-weight: var(--fw-medium);
  color: var(--text-primary);
  box-shadow: var(--shadow-1);
}

.gs-ticker__pill svg {
  color: var(--action-primary-default);
  flex: 0 0 auto;
}

/* ── Company logo chip ──────────────────────────────────── */
.gs-ticker__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3, 12px) var(--space-6, 24px);
  /*background: var(--bg-surface);
   border: 1px solid var(--border-default);
  border-radius: var(--radius-lg); */
  white-space: nowrap;
  font-size: 15px;
  font-weight: var(--fw-semibold);
  color: var(--text-secondary);
  letter-spacing: 0.02em;
  box-shadow: var(--shadow-1);
  gap: var(--space-2, 8px);
}

.gs-ticker__logo svg {
  color: var(--action-primary-default);
  flex: 0 0 auto;
}

/* Section wrappers */
.lp-ticker-section {
  /* padding-block: var(--space-2, 40px); */
  border-bottom: 1px solid var(--border-default);
  overflow: hidden;
  background: var(--bg-surface);
}

.lp-ticker-section__label {
  text-align: center;
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: var(--space-5, 20px);
}