/* ============================================================
   PAGES-HOME-SECTIONS.CSS — Athenia Academy
   Styles des sections Admissions, Financement, Contact — intégrées dans la home
   ============================================================ */

/* ════════════════════════════════════════════════════════════
   ADMISSIONS
════════════════════════════════════════════════════════════ */

.admission-steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
  margin-top: 3rem;
  position: relative;
}
.admission-steps::before {
  content: '';
  position: absolute;
  top: 28px;
  left: 10%; right: 10%;
  height: 1px;
  background: var(--border);
  z-index: 0;
}
.adm-step { text-align: center; padding: 1rem; position: relative; z-index: 1; }
.adm-num {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: rgba(0,168,107,0.07);
  border: 1px solid rgba(0,168,107,0.18);
  display: flex; align-items: center; justify-content: center;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--accent);
  margin: 0 auto 1rem;
}
.adm-step.done .adm-num { background: var(--accent); color: var(--btn-text,#ffffff); }

/* ════════════════════════════════════════════════════════════
   FINANCEMENT
════════════════════════════════════════════════════════════ */

.finance-card {
  padding: 2rem;
  border: 1px solid rgba(29,29,31,0.08);
  border-radius: 24px;
  background: #FFFFFF;
  transition: transform 0.25s ease, border-color 0.25s ease;
  box-shadow: 0 2px 20px rgba(0,0,0,0.04);
}
.finance-card:hover { border-color: rgba(0,168,107,0.22); }
.finance-main  { border-color: rgba(0,168,107,0.25); background: rgba(0,168,107,0.05); }
.finance-badge {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border-radius: 20px;
  font-size: 0.7rem;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  background: #00A86B;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* ════════════════════════════════════════════════════════════
   CONTACT
════════════════════════════════════════════════════════════ */

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 4rem;
  align-items: start;
}
.contact-info-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.contact-icon { font-size: 1.25rem; flex-shrink: 0; margin-top: 0.1rem; }