/* ══════════════════════════════════════════════════════════════════════
   Formulaire d'inscription fondateurs

   Même vocabulaire que la fiche des places : carte blanche à coins de
   14 pt, ombre douce, titres roses, nombres marine. Les champs sont posés
   sur le fond pâle de la présentation, pas encadrés de gris : un
   formulaire qui ressemble à un formulaire d'administration casse le ton
   de tout ce qui précède.
   ══════════════════════════════════════════════════════════════════════ */

.insc__panneau{ width:452px; max-width:452px; max-height:none; }

.insc__corps{
  display:flex; flex-direction:column; gap:11px;
  padding:15px 20px 17px; background:var(--bg);
}

/* ---- le rappel de la vague choisie ---- */
.insc__rappel{
  display:flex; align-items:baseline; gap:9px;
  padding:9px 12px; background:#fff; border-radius:14px;
  box-shadow:0 6px 42px rgba(7,26,60,.10);
}
.insc__rappelNom{
  flex:none; font-size:11.5px; line-height:15px; font-weight:800; color:var(--rose);
}
.insc__rappelDate{
  flex:1 1 auto; font-family:var(--font-alt); font-size:8.5px; color:var(--grey);
}
.insc__rappelReste{
  flex:none; font-family:var(--font-alt); font-size:8.5px; color:var(--grey);
}
.insc__rappelReste b{
  font-family:var(--font); font-size:12.5px; font-weight:800; color:var(--navy);
  font-variant-numeric:tabular-nums;
}

/* ---- les champs ---- */
.insc__ligne{ display:flex; gap:11px; }
.insc__champ{ flex:1 1 0; min-width:0; display:block; }
.insc__champ--large{ width:100%; }
.insc__etiq{
  display:block; margin-bottom:3px;
  font-size:7.5px; font-weight:800; letter-spacing:.16em;
  color:var(--muted, #9aa3b2); text-transform:uppercase;
}
.insc__saisie{
  display:block; width:100%; height:30px; padding:0 10px;
  border:1px solid var(--line); border-radius:9px; background:#fff;
  font-family:var(--font-alt); font-size:10px; color:var(--navy);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.insc__saisie:focus{
  outline:none; border-color:var(--rose);
  box-shadow:0 0 0 2.5px rgba(255,10,78,.12);
}
select.insc__saisie{
  cursor:pointer; padding-right:26px;
  -webkit-appearance:none; appearance:none;
  /* le chevron, dessiné plutôt que chargé */
  background-image:linear-gradient(45deg, transparent 50%, var(--grey) 50%),
                   linear-gradient(135deg, var(--grey) 50%, transparent 50%);
  background-position:calc(100% - 14px) 13px, calc(100% - 9px) 13px;
  background-size:5px 5px, 5px 5px;
  background-repeat:no-repeat;
}
.insc__saisie.est-fautif{ border-color:var(--rose); background:#fff7f9; }

.insc__faute{
  display:block; min-height:11px; margin-top:2px;
  font-style:normal; font-family:var(--font-alt); font-size:8px; line-height:11px;
  color:var(--rose);
}

/* ---- le pied ---- */
.insc__pied{ display:flex; align-items:center; gap:13px; margin-top:1px; }
.insc__envoi{
  flex:none; display:flex; align-items:center; gap:8px;
  height:38px; padding:0 18px 0 7px; border:0; border-radius:19px;
  background:var(--rose); color:#fff; cursor:pointer;
  font-family:var(--font); font-size:9.5px; font-weight:800; letter-spacing:.06em;
  white-space:nowrap; box-shadow:0 8px 22px rgba(255,10,78,.24);
  transition:translate .16s ease, box-shadow .16s ease;
}
.insc__envoi:hover{ translate:0 -1.5px; box-shadow:0 12px 28px rgba(255,10,78,.34); }
.insc__envoi[disabled]{ opacity:.55; cursor:default; translate:0 0; }
.insc__mention{
  flex:1 1 auto; margin:0;
  font-family:var(--font-alt); font-size:7.5px; line-height:10.5px;
  color:var(--muted, #9aa3b2);
}

/* ---- la confirmation ---- */
.insc__corps--fait{ align-items:center; text-align:center; padding:20px 26px 22px; }
.insc__coche{
  width:52px; height:52px; border-radius:50%; display:grid; place-items:center;
  background:#eaf7ee; color:#2fae53;
}
.insc__coche svg{
  width:24px; height:24px; fill:none; stroke:currentColor;
  stroke-width:2.8; stroke-linecap:round; stroke-linejoin:round;
}
.insc__merci{
  margin:0; font-size:17px; line-height:21px; font-weight:800; color:var(--navy);
  letter-spacing:-.012em;
}
.insc__merci em{
  display:block; margin-top:4px; font-style:normal;
  font-family:var(--font-alt); font-size:9.5px; line-height:13px;
  font-weight:400; color:var(--grey); letter-spacing:0;
}
.insc__reste{
  margin:0; padding:9px 16px; border-radius:14px;
  background:#fff; box-shadow:0 6px 42px rgba(7,26,60,.10);
  font-family:var(--font-alt); font-size:9.5px; line-height:13px; color:var(--grey);
}
.insc__reste b{
  font-family:var(--font); font-size:15px; font-weight:800; color:var(--rose);
  font-variant-numeric:tabular-nums;
}
.insc__reste.est-complet b{ font-size:9.5px; letter-spacing:.04em; }
.insc__note{
  margin:0; max-width:320px;
  font-family:var(--font-alt); font-size:8px; line-height:11px; color:var(--gold);
}
.insc__apres{ display:flex; align-items:center; gap:14px; margin-top:2px; }
.insc__voir{
  height:32px; padding:0 16px; border:0; border-radius:16px; cursor:pointer;
  background:var(--navy); color:#fff;
  font-family:var(--font); font-size:9px; font-weight:800; letter-spacing:.05em;
}
.insc__voir:hover{ background:#0d2f68; }
.insc__fini{
  border:0; background:none; cursor:pointer;
  font-family:var(--font-alt); font-size:8.5px; color:var(--grey);
  text-decoration:underline; text-underline-offset:2px;
}
.insc__fini:hover{ color:var(--rose); }

/* ---- programme complet ---- */
.insc__corps--vide{ padding:26px 26px 28px; }
.insc__vide{
  margin:0; text-align:center;
  font-size:16px; line-height:21px; font-weight:800; color:var(--navy);
}
.insc__vide em{
  display:block; margin-top:5px; font-style:normal;
  font-family:var(--font-alt); font-size:9.5px; line-height:13px;
  font-weight:400; color:var(--grey);
}