/* ==== Page Formation Jeunesse - GADY-RCA ==== */
:root {
  --fj-primary: #2e8b3d;
  --fj-primary-dark: #226b2f;
}

.fj-note {
  font-size: .92rem;
  color: #555;
  background: #f4f9f4;
  border-left: 3px solid var(--fj-primary);
  padding: 12px 16px;
  border-radius: 4px;
  margin-bottom: 25px;
}

.fj-fieldset {
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  padding: 20px 25px;
  margin-bottom: 25px;
  background: #fff;
}

.fj-fieldset legend {
  width: auto;
  padding: 0 10px;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--fj-primary-dark);
}

.fj-btn-primary {
  background: var(--fj-primary);
  border-color: var(--fj-primary);
  color: #fff;
  padding: 12px 40px;
}
.fj-btn-primary:hover, .fj-btn-primary:focus {
  background: var(--fj-primary-dark);
  border-color: var(--fj-primary-dark);
  color: #fff;
}

/* ---- Assistant multi-étapes (ajouté en JS) ---- */
.fj-progress-wrap { margin-bottom: 25px; }
.fj-progress-bar { height: 6px; background: #e6e6e6; border-radius: 4px; overflow: hidden; }
.fj-progress-fill { height: 100%; width: 16.6%; background: var(--fj-primary); transition: width .25s ease; }
.fj-steps-labels { display: flex; justify-content: space-between; margin: 8px 0 0; font-size: .75rem; flex-wrap: wrap; gap: 4px; }
.fj-step-label { color: #999; flex: 1; text-align: center; min-width: 70px; }
.fj-step-label.active { color: var(--fj-primary); font-weight: 700; }
.fj-step-label.done { color: var(--fj-primary-dark); }

.fj-nav-btn { margin: 0 8px; padding: 10px 28px; }

.is-invalid-step { border: 1px solid #c0392b !important; border-radius: 4px; }

/* ---- Spinner du bouton d'envoi ---- */
.fj-spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  border: 2px solid rgba(255,255,255,.5);
  border-top-color: #fff;
  border-radius: 50%;
  vertical-align: middle;
  animation: fj-spin .7s linear infinite;
}
@keyframes fj-spin {
  to { transform: rotate(360deg); }
}