/* ===================================================================== */
/*                             Onglet.css                                */
/* © 2020  Dunin Technologie Inc.                                        */
/* ===================================================================== */

/* - DÉFINITION -------------------------------------------------------- */
/* Affichage des onglets.                                                */
/* --------------------------------------------------------------------- */

/* - NOTES ------------------------------------------------------------- */
/* --------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */
/* Steppers.                                                             */

.Stepper.Grand > .Boutons > button { flex-direction: row }
.Stepper.Grand > .Boutons > button  {  width: auto  }
.Stepper.Grand > .Boutons > button > span  {  width: auto  }


/* --------------------------------------------------------------------- */
/* 'Steppers'.                                                           */

.Stepper > .Boutons
  {
    padding: 0px;
    flex: none;                       /* Efface la valeur définie par ActOnglet > .Boutons */
    flex-shrink: 1;                   /* Pour entrer ds l'espace dispo   */
    overflow : auto;
    min-Height: fit-content;
  }

.Stepper > .Boutons > button
  {
    padding: 0px;
    margin: 0px 4px 0px 4px;
    height: auto;
    border: none;
    text-align: left;
  }


.Stepper.Grand { height: 50px }                            /* Assure une hauteur minimale */
.Stepper.Grand > .Boutons { flex:1; align-items: center }   /* Place les boutons au centre verticalement */

.Stepper.Petit > .Boutons > button, .Stepper.Petit > .Boutons > button > span  {  width: auto;  margin: 0px 6px 0px 6px }

.Stepper.Grand > .Boutons > .Inactif  { font-weight: 700; }

.Stepper.Grand > .Boutons > .Actif::before           { content: none }
.Stepper.Grand > .Boutons > .Actif.Dernier::before   { content: none }
.Stepper.Grand > .Boutons > .Inactif::before         { content: none }
.Stepper.Grand > .Boutons > .Inactif.Dernier::before { content: none }
.Stepper.Petit > .Boutons > .Actif::before           { content: none }
.Stepper.Petit > .Boutons > .Actif.Dernier::before   { content: none }
.Stepper.Petit > .Boutons > .Inactif::before         { content: none }
.Stepper.Petit > .Boutons > .Inactif.Dernier::before { content: none }

.Stepper.Grand > .Boutons > button::after
  {
    content: "";
    width: 40px;
    margin: 9px 4px 0px 8px;
    border-bottom: solid 1px var(--couleurBordureBasBoutonStepperGrand);
  }

.Stepper.Grand > .Boutons > .Dernier::after
  {
    content: none
  }