/* ==========================================================================
   Тарифы
   Подключается из templates/tariffs/list.html через {% block extra_css %}.
   ========================================================================== */

/* Карточка действующего тарифа — акцентный блок над таблицей */
.tariff-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.5rem;
  border-radius: var(--radius);
  background: linear-gradient(135deg, var(--brand-darker), var(--brand));
  color: var(--text-inverse);
}

.tariff-hero h2 {
  margin-block: 0.5rem 0.35rem;
}

.tariff-hero .text-sm {
  opacity: 0.85;
}

.tariff-hero__value {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}

.tariff-hero__value strong {
  font-size: var(--fs-4xl);
  line-height: 1;
  /* Значение тарифа не должно переноситься по пробелу перед единицей */
  white-space: nowrap;
}

.tariff-hero__value span {
  font-size: var(--fs-lg);
  opacity: 0.85;
}

/* Бейдж «действует» внутри таблицы не должен ломать строку */
.table .badge {
  margin-left: 0.5rem;
  vertical-align: middle;
}