/* ============================================================
   Care / active fundraising page — «Каждый важен»
   Переопределяет цвета архивных карточек для активных сборов.
   Подключается вместе с archive.css
   ============================================================ */

/* ===== Hero — синий акцент вместо зелёного ===== */
.kv-archive-hero .eyebrow {
  color: var(--kv-blue-dark);
}
.kv-archive-hero .eyebrow::before {
  background: var(--kv-blue);
}
.kv-archive-hero h1 em { color: var(--kv-blue-dark); }

/* ===== Stats — синяя em-часть ===== */
.kv-archive-stat .n em { color: var(--kv-blue-dark); }

/* ===== Активный бейдж — оранжевый, пульсирующая точка ===== */
.kv-archive-card__badge--active {
  background: rgba(240, 138, 42, 0.92);
}
.kv-archive-card__badge--active::before {
  animation: kv-badge-pulse 1.8s ease-in-out infinite;
}
@keyframes kv-badge-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.45; transform: scale(1.4); }
}

/* ===== Прогресс-бар активных карточек — синий ===== */
.kv-archive-card--active .kv-progress > span {
  background: var(--kv-blue);
}
.kv-archive-card--active .kv-archive-card__progress-row .pct {
  color: var(--kv-blue-dark);
}

/* ===== Дедлайн-чип ===== */
.kv-card-deadline {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--kv-ink-2);
  margin-bottom: 8px;
}
.kv-card-deadline::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--kv-mute);
  flex: none;
}
.kv-card-deadline--urgent {
  color: #C0392B;
}
.kv-card-deadline--urgent::before {
  background: #E74C3C;
  animation: kv-badge-pulse 1.4s ease-in-out infinite;
}

/* ===== Кнопки в футере карточки — первая кнопка акцентная ===== */
.kv-archive-card--active .kv-archive-card__footer .kv-btn-primary {
  background: var(--kv-orange);
  color: #fff;
  border-color: transparent;
}
.kv-archive-card--active .kv-archive-card__footer .kv-btn-primary:hover {
  background: var(--kv-orange-dark);
}

/* ===== CTA-баннер — синий градиент ===== */
.kv-archive-cta--care {
  background: linear-gradient(135deg, #1A3A52, #2FA9DF 200%);
}
.kv-archive-cta--care .kv-btn-primary {
  background: var(--kv-orange);
}
.kv-archive-cta--care .kv-btn-ghost {
  color: rgba(251,248,241,0.85);
  border-color: rgba(251,248,241,0.25);
}
.kv-archive-cta--care .kv-btn-ghost:hover {
  background: rgba(255,255,255,0.1);
}