/* ============================================================
   VJR 221 — Correctifs accessibilite / lisibilite (30/08/2026)
   Additif pur (aucune regle existante retiree). Voir
   claude/audit-design-presentation-mise-en-page-2026-08-30.md
   ============================================================ */

/* ---------------------------------------------------------------
   1) Bouton WhatsApp — contraste de texte insuffisant
   Le vert WhatsApp (#25D366) reste inchange ; seul le texte/icone
   passe en vert fonce (deja utilise avec succes sur
   .vjr-premium-bar__btn--wa, ratio ~7:1) au lieu de blanc (~2:1)
   ou d'un brun herite (~3.3:1).
   --------------------------------------------------------------- */
.vjr-nav-chrome .tb-whatsapp-btn {
  color: #04331f !important;
}
.vjr-nav-chrome .tb-whatsapp-btn .icon {
  fill: #04331f !important;
}
.vjr-share-btn--wa {
  color: #04331f !important;
}

/* ---------------------------------------------------------------
   2) Label "Publicite" quasi illisible (ratio mesure ~2.6:1)
   Remplace la couleur --n-400 (tres claire) par --n-700, deja
   utilisee comme couleur de texte standard ailleurs sur le site
   (ratio ~8.7:1), sans changer taille/style/majuscules.
   --------------------------------------------------------------- */
.vjr-pub-banner__tag,
.vjr-pub-label {
  color: var(--n-700) !important;
}

/* ---------------------------------------------------------------
   3) Cibles tactiles mobiles trop petites (barre de navigation
   basse + icones du header). Mobile uniquement : le pointeur
   souris n'a pas besoin de cette marge sur desktop.
   --------------------------------------------------------------- */
@media (max-width: 782px) {
  .tg-bottom-nav a {
    padding: 15px 2px;
  }
  .tg-bottom-nav a i {
    font-size: 18px;
  }
  body {
    padding-bottom: 76px;
  }
  .burger-btn,
  .theme-toggle-btn,
  .header-search-btn {
    width: 44px;
    height: 44px;
  }
  .header-account-btn {
    padding: 10px 14px;
    min-height: 44px;
  }
}

/* ---------------------------------------------------------------
   4) Colonne de lecture large sur les fiches encyclopediques
   (jusqu'a ~110 caracteres/ligne a 16px). Ne s'applique qu'au
   texte courant (paragraphes/listes/citations), pas aux titres,
   images, tableaux ou galeries qui profitent de la largeur pleine.
   Fiches annuaire (barre de contact rapide) non concernees.
   --------------------------------------------------------------- */
.vjr-single-article:not(:has(.vjr-premium-bar)) .vjr-page-body > p,
.vjr-single-article:not(:has(.vjr-premium-bar)) .vjr-page-body > ul,
.vjr-single-article:not(:has(.vjr-premium-bar)) .vjr-page-body > ol,
.vjr-single-article:not(:has(.vjr-premium-bar)) .vjr-page-body > blockquote {
  max-width: 720px;
}