/*
 * Corrections des pièges de Tabler.
 *
 * ⚠️ Cette feuille se charge APRÈS `tabler.min.css` et ne fait que
 * neutraliser. Elle n'ajoute aucun style : tout ce qui s'y trouve corrige un
 * comportement du paquet amont qui nuit dans une mise en page d'application.
 *
 * On ne modifie JAMAIS `tabler.min.css` lui-même : c'est un fichier vendu,
 * remplacé à chaque mise à jour de Tabler. Une correction posée dedans
 * disparaîtrait en silence.
 */

/*
 *  Historique — correction RETIRÉE avec Tabler 1.6.1 (octobre 2026), parce
 *  que l'amont ne pose plus la règle fautive : la marge fantôme
 *  `:root { margin-left: calc(100vw - 100%) }`. Voir `docs/pieges-tabler.md`.
 *  La rétablir si une version future de Tabler la réintroduit.
 */

/* ------------------------------------------------------------------ *
 *  1. Une icône de police est trop petite dans un lien de navigation
 *
 *  Tabler dimensionne la BOÎTE de l'icône :
 *
 *      .nav-link-icon { width: var(--tblr-nav-link-icon-size);
 *                       height: var(--tblr-nav-link-icon-size); }   (1.25rem)
 *      .nav-link-icon svg { display: block; height: 100%; }
 *
 *  et ne dit rien de son CONTENU, parce que la démo officielle y met un
 *  SVG, qui remplit la boîte. Les helpers de cette stack, eux, y mettent
 *  une icône de POLICE (`<i class="ti ti-…">`), et `.ti` ne fixe aucune
 *  taille : le glyphe hérite de celle du texte du lien (~0.875rem), soit
 *  une icône d'environ 14 px dans une boîte de 20 px.
 *
 *  ⚠️ Rien ne lève et la mise en page est juste : la boîte est à la bonne
 *  taille, l'alignement aussi. Seule l'icône paraît « petite » à côté de la
 *  démo — relevé dans danyweb-tabler le 05/10/2026.
 *
 *  On donne au glyphe la taille de la boîte, par la MÊME variable
 *  (`--tblr-nav-link-icon-height` depuis Tabler 1.6, `-size` avant) : les
 *  variantes `nav-sm` et `nav-lg` restent respectées.
 * ------------------------------------------------------------------ */

.nav-link-icon > .ti {
	display: block;
	font-size: var(--tblr-nav-link-icon-height, var(--tblr-nav-link-icon-size, 1.25rem));
	line-height: 1;
}

/* ------------------------------------------------------------------ *
 *  2. Même chose pour l'icône d'une entrée de menu déroulant
 *
 *  Tabler 1.6 dimensionne `.dropdown-item-icon` (largeur, hauteur) pour un
 *  SVG ; une icône de POLICE y garde la taille du texte. Même remède, par la
 *  variable de Tabler.
 * ------------------------------------------------------------------ */

.dropdown-item-icon.ti {
	font-size: var(--tblr-dropdown-item-icon-size, 1rem);
	line-height: 1;
}

/* ------------------------------------------------------------------ *
 *  3. Un menu déroulant « en colonnes » reste ouvert en permanence
 *
 *  Tabler 1.6.1 pose toujours :
 *
 *      .dropdown-menu-columns { display: flex; gap: … }
 *
 *  sans la conditionner à `.show`, alors que Bootstrap masque les menus par
 *  `.dropdown-menu { display: none }` et les révèle par `.show`. La classe
 *  de Tabler l'emporte : le menu s'affiche DÈS LE CHARGEMENT, par-dessus la
 *  page, sans qu'on ait cliqué — six familles, six panneaux qui se
 *  chevauchent. Rien ne lève, `aria-expanded` vaut bien `false`.
 *
 *  ⚠️ Retirée à tort lors de la montée 1.4.0 → 1.6.1 : la recherche de la
 *  règle visait `{display:flex}` et la 1.6.1 écrit `{display:flex;gap:…}`.
 *  Rétablie le jour même, sur capture d'écran. `CorrectionsTest` la lie
 *  désormais à la présence de la règle fautive dans le CSS vendoré.
 * ------------------------------------------------------------------ */

.dropdown-menu-columns:not(.show) {
	display: none;
}

/* ------------------------------------------------------------------ *
 *  4. Le nom de la marque est plus bas que son pavé
 *
 *  Tabler centre le CONTENU de `.navbar-brand` (`display: inline-flex;
 *  align-items: center`), mais la démo n'y met qu'un lien qui ne contient
 *  qu'un SVG. Quand le lien porte un pavé (`.avatar`, `inline-flex`,
 *  `vertical-align: bottom`) ET le nom de l'application, c'est le lien qui
 *  est centré, pas ce qu'il contient : dans le lien, en ligne, le texte se
 *  pose sur la ligne de base et descend sous le milieu du pavé.
 *
 *  ⚠️ Rien ne lève : le décalage n'est que de quelques pixels, visible à
 *  l'œil seulement — relevé dans danyweb-tabler le 05/10/2026.
 *
 *  Le lien devient lui-même flex et centré, dans la barre latérale comme
 *  dans le bandeau (marque écrite par `tblNavbarVertical` ou à la main).
 * ------------------------------------------------------------------ */

.navbar-brand > a {
	display: inline-flex;
	align-items: center;
}