/* [C-4-202] Style du composant _composants/_civilite.html.twig et des cases .field--case, chargé par chaque page qui les emploie
   (avant : dans inscription-verrou.css, absent de la page d'inscription).
   Case de la charte : la case, son libellé et le lien sur une même ligne, la case alignée sur la première ligne du libellé. */
.field--case{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:.65rem;row-gap:.25rem}
.field--case input[type=checkbox]{flex:0 0 1.25rem;width:1.25rem;min-height:0;height:1.25rem;margin:.15rem 0 0;padding:0}
.field--case label{flex:1 1 0;min-width:12rem;margin:0}
.field--case a[data-lien-charte]{flex:1 0 100%;padding-left:1.9rem}
.field--case .field-error{flex:1 0 100%;padding-left:1.9rem}

/* [ABC-4-95] Civilité : deux boutons radio exclusifs, même rendu que la case de la charte (.field--case), sur une ligne, grisés avec le groupe. */
fieldset.civilite{border:0;padding:0;margin:0 0 .9rem;min-width:0;grid-column:1/-1}
fieldset.civilite legend{float:none;width:auto;padding:0;margin:0 0 .25rem;font-size:1rem;font-weight:600}
fieldset.civilite .civilite__choix{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem}
.field--case input[type=radio]{flex:0 0 1.25rem;width:1.25rem;min-height:0;height:1.25rem;margin:.15rem 0 0;padding:0}
fieldset.civilite .field--case label{flex:0 1 auto;min-width:0}

/* [ABC-4-89] Cases et boutons radio soignés : le style des champs de compte (largeur 100 %, libellé en bloc, gras) ne s'y applique pas ;
   la case ou le bouton, son libellé et le lien sont alignés sur une ligne (spécificité supérieure à .account-panel .field input). */
.account-panel .field--case{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:.65rem;row-gap:.25rem}
.account-panel .field--case input[type=checkbox],.account-panel .field--case input[type=radio]{flex:0 0 1.25rem;width:1.25rem;height:1.25rem;min-height:0;margin:.15rem 0 0;padding:0;accent-color:#0a58ca}
.account-panel .field--case label{display:block;flex:1 1 0;min-width:12rem;margin:0;font-weight:500;cursor:pointer}
.account-panel .field--case a{flex:1 0 100%;padding-left:1.9rem}
.account-panel fieldset.civilite .field--case label{flex:0 1 auto;min-width:0}
.account-panel fieldset.civilite .civilite__choix{gap:.5rem 2rem}