/* OWNS: .xf-news-* */
/* ============================================================
 * news.css — M18.2 news templates (xcore_front)
 * Base styles inherited from blog.css. Этот файл — только news-specific
 * additions (partner-badge, period-pill).
 * ============================================================ */

/* ---------- Partner badge ---------- */
/* Карточка с REDIRECT-prop ведёт на внешний сайт партнёра — показываем
   мини-маркер в meta-строке, чтобы пользователь видел что клик уйдёт наружу. */
.xf-news-partner-badge {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--accent-2);
  background: oklch(0.68 0.22 var(--accent-h) / 0.08);
  border: 1px solid oklch(0.68 0.22 var(--accent-h) / 0.18);
  border-radius: 99px;
  padding: 2px 9px;
  white-space: nowrap;
}

/* ---------- Period pill (на detail page, под h1) ---------- */
/* Срок действия акции из PROPERTY_PERIOD. */
.xf-news-period-pill {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 26px;
  padding: 8px 16px;
  border: 1px solid var(--line-soft);
  border-radius: 99px;
  background: var(--surface-2);
}
.xf-news-period-pill__label {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-3);
}
.xf-news-period-pill__value {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--text);
}