/* zzzz-checklist.css — Rien oublier / Checklist (refonte app).
   Role : finition couleurs sur la maquette (anneau de progression + chips familles + toggles orange plein).
   Additif, charge en dernier (prime). Rollback : supprimer ce fichier. Scope html.apprefonte + .ar-checklist. */

@media (max-width:768px), (pointer:coarse) and (max-width:1366px), (display-mode:standalone) and (max-width:1366px){

  /* Accent orange unifie = maquette. Recolore via la variable : badge, "verifies",
     chip actif, toggle ON, coche du pouce, bouton "Ajouter", bouton "Pret a partir". */
  html.apprefonte .ar-checklist{ --orange:#F5821E; --orange2:#F79B45; }

  /* Anneau de progression : orange PLEIN (maquette) au lieu du degrade qui finissait en jaune (#F9B24A).
     .prg peint via url(#ckgrad) -> l'override du stroke est indispensable (la variable ne l'atteint pas). */
  html.apprefonte .ar-checklist .ar-ck-ring .prg{ stroke:#F5821E !important; }
  /* Piste : navy tres discret, coherent avec le fond sombre de la maquette. */
  html.apprefonte .ar-checklist .ar-ck-ring .trk{ stroke:rgba(255,255,255,.09) !important; }
  /* "verifies" sous le chiffre : meme orange que l'anneau. */
  html.apprefonte .ar-checklist .ar-ck-ver{ color:#F5821E !important; }

  /* Chips familles : actif = liseré orange net + texte orange + fond orange discret (maquette).
     Inactifs inchanges (texte bleu-gris sur surface sombre, deja conforme). */
  html.apprefonte .ar-checklist .ar-ck-tab.is-on{
    color:#F5821E !important; border-color:#F5821E !important; background:rgba(245,130,30,.12) !important; }

  /* Toggles : ON = pastille orange pleine, pouce blanc, coche orange (maquette).
     OFF inchange (pastille gris-navy, pouce blanc). */
  html.apprefonte .ar-checklist .ar-ck-sw.is-on{ background:#F5821E !important; }
  html.apprefonte .ar-checklist .ar-ck-knob svg{ color:#F5821E !important; }

  /* Bouton "Pret a partir" : orange plein maquette, encre foncee lisible (contraste). */
  html.apprefonte .ar-checklist .ar-ck-btn-go{ background:#F5821E !important; border-color:transparent !important; color:#3A1C05 !important; }
}