/* WEN-589 lezajlott workshop oldala (workshops/ai-produktivitas, workshops/ai-fejlesztes; HU és EN). Az alap a
   style.css, a landing.css (lp-*) és a course.css (tf-*), azaz a tanfolyamoldal elemei; itt csak a „lezajlott” állapot
   saját elemei: a dátumos pirula, az állapotkártya a két továbblépő gombbal, a záró blokk és a kapcsolat.
   Forrás: a jóváhagyott Claude Design terv (EG-2: EgMultWorkshop). Jelentkezés, ár és élő katalógus itt nincs. */

/* ── Hero: pirulák, időpont-sor ── */
.ps-pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ps-held{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid rgba(203,213,240,.35);
  background:rgba(203,213,240,.08);color:#e2e8f5;font-size:13px;font-weight:700}
.ps-when{color:var(--muted);font-size:15px;line-height:1.6}
.ps-when .loc-link{color:var(--cyan)}

/* ── Állapotkártya: „Lezárult” + következő workshop + céges képzés ── */
.tf-hero-card.ps-state{border-color:rgba(203,213,240,.28);gap:14px}
.ps-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;
  border:1px solid rgba(203,213,240,.35);background:rgba(203,213,240,.10);color:#e2e8f5;font-size:14px;font-weight:700}
.ps-dot{width:8px;height:8px;border-radius:50%;background:#cbd5f0}
.lp-card.ps-state p{font-size:16px;line-height:1.6;color:#dbe3f8}
.ps-state p strong{color:#fff}
.ps-state p a{color:var(--cyan)}
.ps-state .btn{width:100%;text-align:center}
.ps-closed-note{font-size:13px;color:var(--muted);text-align:center}

/* ── Lényeg: a figyelmeztető sáv (sárga), linkkel ── */
.lp-note.ps-note{border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.07);color:#fde68a;font-size:15px}
.ps-note a{color:var(--cyan);font-weight:600}
.ps-note strong{color:#fff}

/* ── Program / tematika: a kártyák rácsa a tanfolyamoldal stílusában ── */
.tf-section .lp-card .tf-pills{margin-top:auto}

/* ── Záró blokk: „Lemaradtál erről az alkalomról?” + kapcsolat ── */
.tf-contact-value h2.tf-contact-title{font-size:22px;letter-spacing:-.01em;line-height:1.3}
.ps-actions{display:flex;flex-wrap:wrap;gap:12px}
.tf-contact-card.ps-contact{flex-direction:row;align-items:center;gap:14px;border-style:dashed;border-color:rgba(203,213,240,.28);background:none;box-shadow:none}
.ps-contact img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.ps-contact-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.ps-contact .tf-contact-q{font-weight:400;color:var(--muted);font-size:14px}
.ps-contact .tf-contact-mail{font-size:16px}

@media (max-width:640px){
  .ps-actions .btn{width:100%}
}

/* ── Előadók: két oszlop (a terv szerint), keskeny kijelzőn egy ── */
.ps-speakers.tf-speakers{grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr))}