/* on cache le bouton radio */
.ship-option input[type="radio"]{
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
  }

  /* style de la carte qui permet de pointer (au passage de la souris) */
  .ship-option .ship-card{
    border-color: var(--bs-border-color);
    transition: .2s ease;
    cursor: pointer;
  }
  /* on ce positionne sur le mode de livraison et la couleur passe au vert */
  .ship-option:hover .ship-card{
    border-color: var(--bs-success); 
  }
  /* focus clavier sur le radio -> halo */
  /* au clic on mets une bordure grise)*/
  .ship-option input[type="radio"]:focus + .ship-card{
    box-shadow: 0 0 0 .25rem rgba(var(--bs-secondary-rgb,13,110,253), .25);
  }
  /* sélectionnée */
  /* au clic on mets une bordure bleu avec un leger fond bleu)*/
  .ship-option input[type="radio"]:checked + .ship-card{
    border-color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb,13,110,253), .03);
  }