/* SANTÉ & NUTRITION — TABLEAUX COMMUNS À TOUTES LES PAGES
   Couleurs et taille des titres : réglages ci-dessous.
*/
:root {
  --table-title-background: #00ac46;
  --table-title-color: #ffffff;
  --table-row-background: #f4f7ee;
  --table-row-alternate: #e8f4ed;
  --table-title-font-size: 20px;
}

/* Bandeaux des titres, sur ordinateur et sur mobile. */
table .section-title,
table .mobile-table-title > :is(th, td) {
  background: var(--table-title-background) !important;
  color: var(--table-title-color) !important;
  font-size: var(--table-title-font-size) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

table .section-title *,
table .mobile-table-title > :is(th, td) * {
  color: var(--table-title-color) !important;
}

table .section-title :is(h1, h2, h3, h4, h5, h6),
table .mobile-table-title :is(h1, h2, h3, h4, h5, h6) {
  font-size: var(--table-title-font-size) !important;
}

/* Alternance sans dépendre d'une nouvelle version du JavaScript. */
table tr.mobile-table-record,
table tr.mobile-table-record > :is(td, th) {
  background: var(--table-row-background) !important;
}

table tr.mobile-table-record:nth-child(even),
table tr.mobile-table-record:nth-child(even) > :is(td, th) {
  background: var(--table-row-alternate) !important;
}

@media (max-width: 640px) {
  :root { --table-title-font-size: 17px; }

  .mobile-table-cards tr.mobile-table-record {
    margin-bottom: 20px;
    padding: 8px 18px;
  }

  .mobile-table-cards tr.mobile-table-record > :is(td, th) {
    background: transparent !important;
    padding-block: 16px;
  }
}