/* =========================================================================
   ALANON EVENTS — PHASE 4 events page /sobytiya/
   Calm editorial events layout with a clear split between current and past
   content. The archive is visually marked as ПРОШЕДШЕЕ/АРХИВ so nothing stale
   reads as an upcoming event. No PII, no Zoom/IDs/payment anywhere.
   Built on body.alanon-content-v2 + alanon-content.css + design tokens.
   ========================================================================= */

/* ---- "Актуальные события" info panel ---- */
body.alanon-content-v2 .alanon-content-new__info {
  margin: 0 0 6px;
  padding: 22px 26px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-left: 4px solid var(--teal);
  border-radius: calc(var(--radius) + 2px);
}

body.alanon-content-v2 .alanon-content-new__info p {
  margin: 0 0 8px;
  max-width: 68ch;
}

body.alanon-content-v2 .alanon-content-new__info p:last-of-type {
  margin-bottom: 0;
}

/* Current-section CTA buttons sit quietly under the info panel */
body.alanon-content-v2 .alanon-content-new__section > .alanon-content-new__inner > .wp-block-buttons,
body.alanon-content-v2 .alanon-content-new__info + .wp-block-buttons {
  margin-top: 20px;
}

/* ---- Archive section: clearly marked as PAST ---- */
body.alanon-content-v2 .alanon-content-new__archive-badge {
  display: inline-block;
  margin: 0 0 18px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--surface-2);
  border: 1px solid var(--line);
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Past events year headings keep the editorial feel but are tinted as archive */
body.alanon-content-v2 .alanon-content-new__section-soft .alanon-content-new__steps-title,
body.alanon-content-v2 .alanon-content-new__section--soft .alanon-content-new__steps-title {
  color: var(--muted);
}

body.alanon-content-v2 .alanon-content-new__section-soft ul,
body.alanon-content-v2 .alanon-content-new__section--soft ul {
  color: var(--muted);
}

/* ---- Final CTA ----------------------------------------------------------- */
body.alanon-content-v2 .alanon-content-new__section > .alanon-content-new__inner.alanon-content-new__cta {
  margin-block: 0;
}

@media (max-width: 768px) {
  body.alanon-content-v2 .alanon-content-new__info {
    padding: 18px 20px;
  }
}