/* ============================================================================
   REFONTE APP — Détail d'un VOYAGE (voyage.php, $page=voyage — non partagé).
   Reskin CSS pur (aucun PHP touché) : masquer la barre de marque + recolorer le
   héro brun/doré et les accents vers la charte app (navy/cyan #35D7D1).
   Le héro combine une photo + un voile brun à 92% (photo quasi invisible) → on le
   remplace par un fond navy propre. Additif/réversible, ≤768px.
   ============================================================================ */
@media (max-width: 768px), (pointer: coarse) and (max-width: 1366px), (display-mode: standalone) and (max-width: 1366px) {
  html.apprefonte body.page-voyage { --cyan: #35D7D1 !important; --cyan-glow: rgba(53,215,209,.25) !important; }
  html.apprefonte body.page-voyage .pub-topbar { display: none !important; }
  html.apprefonte body.page-voyage main.pub-content { padding-top: 10px !important; }
  /* Héro : voile brun/doré → navy charte, texte clair, titre blanc. */
  html.apprefonte body.page-voyage .voyage-hero { background: linear-gradient(160deg,#123047,#071624) !important; border: 1px solid rgba(53,215,209,.18) !important; color: #e8eef5 !important; }
  html.apprefonte body.page-voyage .voyage-hero h1 { color: #fff !important; }
  /* Boutons « Waze » : bleu vif → navy charte + contour cyan. */
  html.apprefonte body.page-voyage a[href*="waze"] { background: #123047 !important; background-image: none !important; border: 1px solid rgba(53,215,209,.5) !important; color: #eafcfb !important; box-shadow: none !important; }
}