/* ══════════════════════════════════════════════
   CONCORDIA FORMATIONS — FORMATIONS.CSS
   ══════════════════════════════════════════════ */

#nos-parcours .icon-card { display: block; }

.formation-row {
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: clamp(28px, 5vw, 64px); align-items: center;
  padding-block: clamp(28px, 4vw, 44px);
  scroll-margin-top: calc(var(--navh) + 16px);
}
.formation-row + .formation-row { border-top: 1px solid var(--line); }
.formation-row.alt { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
.formation-row-title {
  font-family: var(--fd); font-weight: 800;
  font-size: clamp(1.3rem, 2.8vw, 1.75rem);
  letter-spacing: -.01em; line-height: 1.2;
  color: var(--navy); margin-top: 4px;
}
.formation-row-title em { font-style: normal; color: var(--rouge); }
.formation-row-img {
  width: 100%; aspect-ratio: 4/3; border-radius: var(--radius);
  overflow: hidden; box-shadow: 0 16px 40px rgba(15,33,72,.12);
}
.formation-row-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 991px) {
  .formation-row, .formation-row.alt { grid-template-columns: 1fr; }
  .formation-row.alt .formation-row-img { order: 2; }
  .formation-row-img { aspect-ratio: 16/9; }
}