/* 04/10 — NUTRITION · TROIS ONGLETS (Journal · Mes recettes favorites · Carnet). Fichier AJOUTÉ : aucune règle existante modifiée.
 * Les boutons gardent la classe .tr-nutri-porte (même habillage verre/or que les anciennes portes) ; ici seulement la grille à 3 et la taille du texte
 * (« Mes recettes favorites » tient sur deux lignes à 390 px). Cibles ≥ 44 px. */
nav.nonglets { display: grid !important; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin: 12px 0; align-items: stretch; }
nav.nonglets .nonglet { min-width: 0; min-height: 56px; padding: 6px 4px !important; font: 700 14px/1.15 var(--tr-police, inherit); text-align: center; white-space: normal; overflow-wrap: break-word; hyphens: manual; }
html[data-page^="nutrition/"] nav.nonglets { display: grid !important; gap: 8px; margin: 8px 0 14px; }
html[data-page^="nutrition/"] nav.nonglets .nonglet { flex: none; width: auto; min-height: 56px; padding: 6px 4px !important; border-radius: 16px; }
nav.nonglets .nonglet.actif, nav.nonglets .nonglet[aria-pressed="true"] { border-color: var(--tr-or, #d4a04a); box-shadow: 0 0 0 1px var(--tr-or, #d4a04a), 0 0 14px rgba(212, 160, 74, .35); }
nav.nonglets .nonglet:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
/* Avec la vue Direction B (#174) : ses propres onglets (Journal · Recettes · Allergies · Exercices) cèdent la place à ceux-ci. Sans #174 : règle sans effet. */
.tr-nutri:has(nav.nonglets) .nf-tabs { display: none; }
/* L'ancienne rangée (Recettes · Carnet · Allergies · Exercices) reste dans le HTML mais n'est plus AFFICHÉE dès que les trois onglets sont là (même technique que la vue Direction B, #174).
 * Drapeau nutri.onglets='0' : les trois onglets ne sont pas rendus, cette règle ne s'applique plus, l'ancienne rangée revient à l'identique. */
nav.nonglets ~ nav[aria-label^="Recettes, carnet"] { display: none !important; }
/* Avec le signet du Livre (#176) : sa bulle « Livre interactif » (1re vue + rappel, transitoire) descend jusqu'à ~150 px ; la rangée des onglets s'écarte alors pour que la bulle ne recouvre aucun onglet.
 * Sans bulle : aucun effet. (Ajout seul.) */
.tr-nutri:has(.lv-signet-bulle) nav.nonglets { margin-top: 36px; }