html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/*.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {*/
/*  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;*/
/*}*/

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/*proposition chat pour harmoniser le style des icônes bootstrap sur une icône qui ne serait pas bootstrap*/
/*.icon-lg { font-size: 1.8rem; vertical-align: middle; }*/
/*.icon-primary { color: var(--bs-primary); } !* utilise les couleurs Bootstrap *!*/


/* Personnalisation des couleurs mais ça ne fonctionne pas pour tout (e.g: btn-outline-primary)*/
/* La seule solution est d'utiliser bootstrap en local et de recompiler (sans plus utiliser le cdn)*/
/*:root {*/
/*  --bs-primary: #FF0000;*/
/*  --bs-secondary: #00FF00;*/
/*}*/

/* Beginning of Myocene customization */

.hover-card {
    transition: transform 0.2s ease-in-out;
}

.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.card-header {
    font-size: 0.9rem;
    font-weight: 500;
}

.measureTableTimeDeltaIcon {
  color:orange;
}

.powerdexPresenterTypeIcons {
  /*color:yellow; !important;*/
  /*fill:yellow; !important;*/
  /*width: 12.2em;*/
  /*height:12.2em;*/
  /*font-weight: bolder;*/
}

.testSide {
  font-weight: bolder;
  font-size: 1.5em;

  background: greenyellow; !important;
  color: darkgreen;

  text-decoration-line: overline;
}

.avatar-initial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--bs-primary, #0d6efd);
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    margin-right: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.no-focus-btn:focus {
    /*box-shadow: none !important;*/
    /*outline: none !important;*/
}

/* Réduction espace icône/label dans la nav verticalement empilée */
.nav-icon-with-label i {
  display: block;          /* évite l'espace dû à la ligne inline */
  line-height: 1;          /* compresse la hauteur de ligne */
  margin-bottom: 0.15rem;  /* petit écart contrôlé */
}
.nav-icon-with-label span {
  line-height: 1.05;       /* réduit encore la distance perçue */
}
/* Variante encore plus serrée si besoin ultérieurement */
.nav-icon-with-label.tight i { margin-bottom: 0.05rem; }