/* =========================================================================
   FICHE ENFANT — page publique
   S'appuie sur styles.css (couleurs, boutons, en-tête) et admin.css
   (fieldset/legend, champs de formulaire, .carte-message) pour rester
   cohérent avec le reste du site sans dupliquer ces règles.
   ========================================================================= */

.page-fiche-enfant { background: var(--fond-clair); min-height: 70vh; }

.conteneur-fiche-enfant {
  max-width: 720px;
  margin: 0 auto;
  padding: 48px 24px 100px;
}

.intro-fiche-enfant { color: var(--encre-mute); margin-bottom: 32px; }

.carte-fiche-enfant {
  background: var(--fond-carte);
  border: 1px solid var(--trait);
  border-radius: var(--rayon-lg);
  padding: 32px;
  margin-bottom: 28px;
  box-shadow: var(--ombre-douce);
}
.carte-fiche-enfant h2 { font-size: 1.3rem; margin-bottom: .3em; }

.formulaire-fiche-enfant fieldset { border: none; border-top: 1px solid var(--trait); padding: 22px 0; margin: 0; }
.formulaire-fiche-enfant fieldset:first-of-type { border-top: none; padding-top: 8px; }
.formulaire-fiche-enfant legend {
  font-family: var(--serif); font-size: 1.05rem; color: var(--or-profond); padding: 0; margin-bottom: 6px; letter-spacing: .03em;
}

.case-inline {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .92rem;
  font-weight: normal;
  color: var(--encre);
  margin: 10px 0 0;
  cursor: pointer;
}
.case-inline input { width: auto; margin-top: 3px; flex-shrink: 0; }

.groupe-radio { display: flex; flex-direction: column; gap: 4px; margin-top: 4px; }

.resultat-verification {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: var(--rayon);
  background: rgba(140, 163, 187, .12);
  border: 1px solid var(--trait-fort);
  font-size: .92rem;
}
.resultat-verification p { margin: 0 0 .6em; }
.resultat-verification p:last-child { margin-bottom: 0; }
.resultat-verification--existe {
  background: rgba(233, 179, 106, .14);
  border-color: var(--or-trait);
}
.resultat-verification--succes {
  background: rgba(126, 158, 113, .14);
  border-color: rgba(126, 158, 113, .45);
}

@media (max-width: 620px) {
  .conteneur-fiche-enfant { padding: 32px 18px 80px; }
  .carte-fiche-enfant { padding: 22px; }
}