/* École Islah · compléments au style de la mosquée */

.hero__inner--single { grid-template-columns: 1fr !important; min-height: min(640px, calc(100dvh - var(--header-h))); }
.hero--school .hero__copy { max-width: 760px; }
.hero--school .hero__title-ar { font-size: .48em; }
.nav__back { color: var(--color-accent) !important; font-weight: 600 !important; }

/* Parcours */
.tracks { display: grid; gap: var(--space-5); }
@media (min-width: 900px) { .tracks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.track {
  display: flex; flex-direction: column; gap: var(--space-5);
  padding: var(--space-6); border-radius: var(--radius-lg);
  background: var(--color-surface); border: 1px solid var(--color-border); box-shadow: var(--shadow);
  position: relative; overflow: hidden;
}
.track::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: linear-gradient(90deg, #d9b45a, var(--color-accent)); }
.track--alt::before { background: linear-gradient(90deg, var(--color-primary), #2f7a50); }
.track__icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: var(--color-tint); color: var(--color-accent); margin-bottom: var(--space-4); }
.track__icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.track__kicker { font-size: .8rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--color-accent); }
.track__title { margin-top: 4px; font-family: var(--font-display); font-weight: 600; font-size: 2.1rem; line-height: 1.1; color: var(--color-primary); }
.track__lead { margin-top: var(--space-3); color: var(--color-muted-foreground); }
.track__list { display: grid; gap: 12px; }
.track__list li { display: flex; gap: 12px; align-items: flex-start; }
.track__list svg { width: 20px; height: 20px; flex: none; margin-top: 2px; fill: none; stroke: #2f7a50; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.track .btn { margin-top: auto; align-self: flex-start; }

/* Inscription */
.enroll { position: relative; display: grid; gap: var(--space-6); }
@media (min-width: 1024px) { .enroll { grid-template-columns: 1fr 1fr; column-gap: var(--space-8); align-items: start; } .enroll__actions { grid-column: 1 / -1; } }
.enroll__steps { display: grid; gap: var(--space-4); counter-reset: none; }
.enroll__step { display: flex; gap: var(--space-4); padding: var(--space-5); border-radius: var(--radius); background: rgb(255 255 255 / .05); border: 1px solid rgb(255 255 255 / .1); }
.enroll__num { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: #d9b45a; color: #1a1405; font-weight: 700; font-variant-numeric: tabular-nums; }
.enroll__step h3 { font-size: 1.075rem; font-weight: 600; color: #fff; }
.enroll__step p { margin-top: 4px; color: var(--color-on-dark-muted); font-size: .95rem; }
.enroll__actions { display: flex; flex-wrap: wrap; gap: 12px; }