/* Nutrition : cibles à 44 px. L’accueil n’est pas concerné. */

html[data-page="nutrition"] .tr-cta.tr-cta-petit,
html[data-page^="nutrition/"] .tr-cta,
html[data-page^="nutrition/"] button,
html[data-page="mange"] button,
html[data-page="mange"] .tr-coche-ligne {
  min-height: 44px;
  min-width: 44px;
}

html[data-page="mange"] .tr-coche,
html[data-page^="nutrition/"] .tr-coche {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
}

:is(
  html[data-theme="clair"],
  html[data-theme="light"],
  html[data-theme="crystal-light"],
  html[data-theme="crystal-glass-light"],
  html[data-theme="liquid-glass-light"]
):is([data-page="nutrition"], [data-page^="nutrition/"]) :is(.tr-macro, .tr-nutri-logo .tr-tr, .tr-nutri-logo .tr-perf) {
  color: var(--tr-texte);
  text-shadow: none;
}

:is(
  html[data-theme="clair"],
  html[data-theme="light"],
  html[data-theme="crystal-light"],
  html[data-theme="crystal-glass-light"],
  html[data-theme="liquid-glass-light"]
):is([data-page="nutrition"], [data-page^="nutrition/"]) .tr-nutri-logo .tr-nut,
:is(
  html[data-theme="clair"],
  html[data-theme="light"],
  html[data-theme="crystal-light"],
  html[data-theme="crystal-glass-light"],
  html[data-theme="liquid-glass-light"]
):is([data-page="nutrition"], [data-page^="nutrition/"]) .tr-nutri-logo .tr-tr em {
  color: var(--tr-bronze);
}

/* 03/10 — l'eau, une ligne comme Protéines / Lipides / Glucides : nom · barre · valeur en ml · « − » · « + » (+ « 100 ml par appui » dessous).
   Mêmes barre (.tr-barre) et police (.tr-macro) que les trois lignes ; deux ronds de 44 px. Aucune cible : la barre est une échelle, pas un objectif. */
.tr-macro.tr-macro-eau { grid-template-columns: 78px minmax(0, 1fr) auto 44px 44px; min-height: 52px; margin-top: 4px; }
.tr-macro-eau .tr-val { min-width: 56px; text-align: right; font-variant-numeric: tabular-nums; }
.tr-macro-eau button { min-width: 44px; min-height: 44px; }
.tr-macro-eau button:disabled { opacity: .35; }
.tr-macros .tr-eau-note { margin: 0; padding: 0 0 2px 86px; font-size: 12px; line-height: 1.3; color: var(--tr-texte-2); }