/* hack bootstrap et summernote  */
/* Note: .inline et .inline-block sont définis dans _utilities.css */

.dropdown-menu {
    font-size: 1.5rem;
}

.form-select {
    font-size: 1.6rem;
}

/* ─── BOUTONS : compensation base 62.5% (root font-size: 62.5%) ──────────
 * Bootstrap dimensionne les .btn en rem :
 *   .btn    → 1rem    → avec base 10px, illisible
 *   .btn-sm → 0.875rem → 8.75px, microscopique
 *   .btn-lg → 1.25rem  → 12.5px
 *
 * On force des tailles cohérentes avec le reste de l'app (text-base ≈ 1.6rem).
 * Pareil pour le padding qui est en rem côté Bootstrap.
 */
.btn {
    font-size: 1.4rem;
    padding: 0.6rem 1.2rem;
}
.btn-sm,
.btn-group-sm > .btn {
    font-size: 1.2rem;
    padding: 0.4rem 0.8rem;
}
.btn-lg,
.btn-group-lg > .btn {
    font-size: 1.8rem;
    padding: 0.8rem 1.6rem;
}

/* Bouton "close" des modales (✕) : la croix devenait minuscule pour la même
 * raison. Bootstrap la mettait à 1.5rem (15px). On la remonte. */
.modal-header .close,
.close {
    font-size: 2.4rem;
    line-height: 1;
    padding: 0.5rem 1rem;
}

/* hack des onglets bs */
.nav-tabs{
    margin-bottom: 1rem;
}


/* menubar-dev */
.menubar-dev {
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--gris-leger);
}

.menubar-dev-item:hover{
    background-color: var(--gris-leger);
    border-radius: 0.5rem;
}

/* nav nav-pills de la gestion des synthèses */
.nav-pills .nav-link {
    font-size: 1.333rem;
    padding: 0.4rem 0.8rem;
    border-radius: 3px;
    background-color: #FAFAFA;
    border: 1px solid var(--gris-clair);
    margin:  0 0.5rem 0.2rem 0;
    /* color explicite — sans ça la couleur héritait d'un ancêtre (souvent
       blanc dans le contexte des cards admin), rendant les onglets
       inactifs illisibles (texte blanc sur fond gris clair). */
    color: #333;
}

.nav-pills .nav-link:hover {
    background-color: var(--gris-clair);
    color: #000;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    /* --button-hover (#e4e7eb) était trop clair, donnait du blanc sur gris clair
       et l'onglet actif devenait illisible. On utilise la couleur primaire
       sombre pour un contraste fort et cohérent avec la charte. */
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.nav-pills .nav-link a:hover{
    background-color: var(--button-hover) !important;
}
/* nav nav-pills de la gestion des synthèses */



/* For summernote override unordered and order list */
.note-editable ul{
  list-style: disc !important;
  list-style-position: inside !important;
}

.note-editable ol {
  list-style: decimal !important;
  list-style-position: inside !important;
}

/* Hauteur minimale de TOUS les éditeurs WYSIWYG (Summernote) : au moins 30rem
   (= 300px, root 62.5%), quelle que soit l'option 'height'/'hauteur' du BC.
   `min-height` l'emporte sur la height inline posée par Summernote ; un BC qui
   demande plus grand reste plus grand. Convention UI gPage (2026-07-21). */
.note-editable {
  min-height: 30rem;
}