/* ============================================================================
   zzzz-confiance.css — « Confiance & securite » 100% BLEU comme la maquette 24.
   Charge en dernier (prime sur zz-confiance-app.css). Les icones sont des <img>
   SVG a couleurs cuites -> on les COLORISE en bleu roi via filter (silhouette
   bleue uniforme = look maquette). Le ROUGE reste reserve au 112.
   Additif, reversible : supprimer ce fichier = retour au cyan. Rien Gardien/Etincelles.
   ============================================================================ */
@media (max-width: 768px), (pointer: coarse) and (max-width: 1366px), (display-mode: standalone) and (max-width: 1366px) {

  /* --- Icones SVG (bouclier, lignes d'acces, cadenas) recolorisees en BLEU ROI --- */
  html.apprefonte .ar-cf-shield img,
  html.apprefonte .ar-cf-row-ic img.ar-row-icon,
  html.apprefonte .ar-cf-lock img {
    filter: brightness(0) saturate(100%) invert(43%) sepia(58%) saturate(2200%) hue-rotate(202deg) brightness(97%) contrast(96%) !important;
  }

  /* Lignes d'acces : icone bleue posee a meme la surface (pas de cadre teinte, comme la maquette). */
  html.apprefonte .ar-cf-row-ic { background: transparent !important; border: 0 !important; border-radius: 0 !important; }
  html.apprefonte .ar-cf-row-ic .ar-row-icon { width: 28px !important; height: 28px !important; }
  /* Chevrons de lignes en bleu doux. */
  html.apprefonte .ar-cf-chev { color: #6f9bf2 !important; }

  /* --- Carte 112 : titre BLANC (seuls icone/fond/bordure restent rouges). --- */
  html.apprefonte .ar-cf-em-t { color: var(--ar-ink) !important; }
  html.apprefonte .ar-cf-emergency .ar-cf-chev { color: var(--ar-ink) !important; }

  /* --- Carte « Vous gardez le controle » : BLEU ROI (maquette). --- */
  html.apprefonte .ar-cf-control {
    background: linear-gradient(135deg, rgba(79,127,232,.14), rgba(79,127,232,.03)) !important;
    border: 1px solid rgba(96,145,240,.42) !important;
  }
  html.apprefonte .ar-cf-control-body h2 { font-size: 25px !important; }

  /* --- CTA bas de page : bleu roi plein (maquette). --- */
  html.apprefonte .ar-cf-contact {
    background: linear-gradient(135deg, #5a8bf0, #3f6fe0) !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    padding: 17px !important;
  }
}