/* ============================================================================
   REFONTE APP — Détail d'une SORTIE (sortie.php, $page=sorties).
   ⚠️ $page=sorties est PARTAGÉ avec la liste sortir.php → on scope au DÉTAIL via
   :has(.so-back-top) (bouton « retour aux sorties », propre au détail) pour ne JAMAIS
   toucher la liste. Reskin CSS pur (aucun PHP touché) : masquer la barre de marque +
   recolorer les bleus #3da9fc → cyan charte #35D7D1. Additif/réversible, ≤768px.
   ============================================================================ */
@media (max-width: 768px), (pointer: coarse) and (max-width: 1366px), (display-mode: standalone) and (max-width: 1366px) {
  /* Repointe le jeton --cyan (night-cyan #3da9fc) vers la charte app pour tout le détail. */
  html.apprefonte body.page-sorties:has(.so-back-top) { --cyan: #35D7D1 !important; --cyan-glow: rgba(53,215,209,.25) !important; }
  /* En-tête d'app épuré : on retire la barre de marque (le bouton « ← Retour » sert de nav). */
  html.apprefonte body.page-sorties:has(.so-back-top) .pub-topbar { display: none !important; }
  html.apprefonte body.page-sorties:has(.so-back-top) main.pub-content { padding-top: 10px !important; }
  /* Labels + icônes de la carte infos : bleu codé en dur → cyan charte. */
  html.apprefonte body.page-sorties:has(.so-back-top) .sod-lbl { color: #35D7D1 !important; }
  html.apprefonte body.page-sorties:has(.so-back-top) .sod-ic { color: #35D7D1 !important; }
  /* Bouton « Ouvrir dans Waze » : bleu vif → navy charte + contour cyan. */
  html.apprefonte body.page-sorties:has(.so-back-top) .bt-waze { background: #123047 !important; background-image: none !important; border: 1px solid rgba(53,215,209,.5) !important; color: #eafcfb !important; box-shadow: none !important; }
}
