/* Formulaire Adhesion */

/* Le style de base (placeholder, autofill, tooltip, .input-group-text) vient du template
   (media/templates/site/cassiopeia_ncb/css/user.css) : ne pas le redupliquer ici, seulement le
   delta reellement specifique a ce formulaire. Nettoyage 2026-08-30 - voir git blame pour les
   blocs retires (copies conformes de user.css : .gda-tooltip, l'autofill Chrome, la couleur des
   champs, span.input-group-text avec des variables jamais definies). */

.form-control::placeholder {
  font-weight: normal;
}

input.form-control, .form-select {
  font-size: var(--body-font-size);
  font-weight: bold;
}

.brevet-item {
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(-10px);
  }
  .brevet-item.show {
    opacity: 1;
    transform: translateY(0);
  }
  .brevet-item.removing {
    opacity: 0;
    transform: translateX(20px);
  }


/* un switch rouge pour "désactivé" et vert pour "activé" */
.droit-image .form-check-input {
  background-color:  var(--label-input-group-bg);
  border-color: var(--label-input-group-bg);
}

.droit-image .form-check-input:checked {
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
}

div .droit-image {
  display: flex;
  justify-content: center;
  align-items: stretch;
  
}

.droit-image div.form-control { 
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: start;
  border:0;
  
}
.droit-image label.input-group-text { 
   background-color: var(--label-input-group-bg);
    color: var(--noir);
    min-width: 30%;

}

 .droit-image input.form-check-input { 

    float:none;
    margin:0 0 0 10px;   
    width: 4em;
    height: 2em;
     /* border:rgb(206,212,218) 5px solid; */
 }


 /*
 ** Class recap
 **/

 span.label-recap {
  font-weight: bold;

 }

 span.text-recap {
  color: var(--cassiopeia-color-primary);      /* Couleur du texte saisi */
  font-size: var(--body-font-size); 
 }

  span.text-verif {
  color: var(--body-color);      /* Couleur du texte saisi */
  font-size: var(--body-font-size); 
 }