.form-row.checkbox-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.form-row.checkbox-row label{display:flex;align-items:center;gap:8px}
.btn-reglement{display:inline-block;padding:8px 12px;border-radius:10px;border:1px solid #0ea5e9;
  background:linear-gradient(180deg,#38bdf8,#0ea5e9);color:#06121f;font-weight:700;text-decoration:none}
.btn-reglement:hover{filter:brightness(1.05)}
/* Empêcher les checkboxes de prendre 100% de largeur */
.form-row.check input[type="checkbox"]{
  /* annule le width:100% global des inputs */
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px;
  display: inline-block;
  padding: 0;
  margin: 0;
  appearance: auto;          /* garde le look natif */
  -webkit-appearance: auto;
  box-shadow: none !important; /* enlève l'ombre "full width" par défaut */
}

/* Focus propre autour de la case uniquement */
.form-row.check input[type="checkbox"]:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(56,189,248,.45); /* petit halo autour de la case */
  border-radius: 4px;
}

/* Aligne bien le texte à gauche, à côté de la case */
.form-row.check{
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
}