/* ============================================================================
   REFONTE APP — Confiance & sécurité fidèle maquette 24. Scopé html.apprefonte
   + ≤768px + body.page-confiance. Additif/réversible. Rouge réservé au 112.
   ============================================================================ */
html.apprefonte .ar-confiance { display: none; }

@media (max-width: 768px), (pointer: coarse) and (max-width: 1366px), (display-mode: standalone) and (max-width: 1366px) {
  html.apprefonte:has(.ar-confiance) .pub-content > *:not(.ar-confiance):not(.ann-banner-wrap):not(.flash) { display: none !important; }
  html.apprefonte body.page-confiance .pub-topbar { display: none !important; }
  html.apprefonte .ar-confiance { display: block; padding: 8px 14px calc(var(--ar-navh,64px) + var(--ar-safe-b,0px) + 84px); color: var(--ar-ink); }

  /* Héro centré */
  html.apprefonte .ar-cf-hero { text-align: center; padding: 8px 0 18px; }
  html.apprefonte .ar-cf-shield { font-size: 40px; line-height: 1; }
  html.apprefonte .ar-cf-hero h1 { margin: 8px 0 4px; font: 700 34px/1.05 'Cormorant Garamond',Georgia,serif; color: var(--ar-ink); }
  html.apprefonte .ar-cf-hero p { margin: 0; font-size: 14px; color: var(--ar-ink-soft); }

  /* Carte 112 (rouge — danger réel) */
  html.apprefonte .ar-cf-emergency { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 16px; text-decoration: none; margin-bottom: 16px; background: rgba(220,53,47,.12); border: 1px solid rgba(220,53,47,.5); }
  html.apprefonte .ar-cf-em-ic { width: 46px; height: 46px; flex: 0 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(220,53,47,.16); border: 1px solid rgba(220,53,47,.4); font-size: 20px; }
  html.apprefonte .ar-cf-em-main { flex: 1; display: flex; flex-direction: column; gap: 2px; }
  html.apprefonte .ar-cf-em-t { font-weight: 800; font-size: 18px; color: #ff6b63; }
  html.apprefonte .ar-cf-em-s { font-size: 13px; color: var(--ar-ink-soft); }

  /* Liste d'accès */
  html.apprefonte .ar-cf-list { background: var(--ar-surface); border: 1px solid var(--ar-hairline); border-radius: 16px; overflow: hidden; margin-bottom: 16px; }
  html.apprefonte .ar-cf-row { display: flex; align-items: center; gap: 14px; padding: 15px 16px; text-decoration: none; color: var(--ar-ink); border-bottom: 1px solid var(--ar-hairline); }
  html.apprefonte .ar-cf-row:last-child { border-bottom: 0; }
  html.apprefonte .ar-cf-row-ic { width: 40px; height: 40px; flex: 0 0 auto; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(53,215,209,.10); border: 1px solid var(--ar-hairline); font-size: 19px; }
  html.apprefonte .ar-cf-row-main { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  html.apprefonte .ar-cf-row-t { font-weight: 700; font-size: 15.5px; }
  html.apprefonte .ar-cf-row-s { font-size: 12.5px; color: var(--ar-ink-soft); }
  html.apprefonte .ar-cf-chev { flex: 0 0 auto; color: var(--ar-ink-soft); font-size: 22px; }

  /* Carte « Vous gardez le contrôle » */
  html.apprefonte .ar-cf-control { display: flex; align-items: center; gap: 16px; padding: 18px; border-radius: 16px; background: linear-gradient(135deg, rgba(53,215,209,.08), rgba(53,215,209,.02)); border: 1px solid rgba(53,215,209,.3); margin-bottom: 16px; }
  html.apprefonte .ar-cf-lock { font-size: 40px; flex: 0 0 auto; }
  html.apprefonte .ar-cf-control-body h2 { margin: 0 0 8px; font: 700 23px/1.1 'Cormorant Garamond',Georgia,serif; color: var(--ar-ink); }
  html.apprefonte .ar-cf-control-body ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 5px; }
  html.apprefonte .ar-cf-control-body li { font-size: 13px; color: var(--ar-ink-soft); }

  /* Bouton contacter */
  html.apprefonte .ar-cf-contact { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 15px; border-radius: 14px; background: linear-gradient(135deg, var(--ar-cyan), #2aa7c9); color: var(--ar-on-accent); font-weight: 800; font-size: 15.5px; text-decoration: none; }
}