/* zzzz-carnet.css — FINITION FIDELITE « Carnet de route » (app refonte, ecran .ar-carnet).
   Additif, charge en dernier : recale la palette encre sur la maquette (navy / ardoise au lieu
   de vert-gris), eclaircit le fond creme, garde la photo hero nette en haut, vignettes portrait.
   100 % CSS, aucune fonction/DOM touche. Gardien (.gw-*) et Etincelles jamais cibles.
   ROLLBACK : supprimer ce fichier -> retour a zz-carnet-app.css seul. */

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

  /* ---- Fond de page : creme clair de la maquette (#FCFAF4), plus lumineux que le beige actuel.
          Meme garde que zz-carnet-app.css : neutralise si la FRISE d'origine (.cf-wrap) est rendue. */
  html.apprefonte body.page-carnet-route:not(:has(.cf-wrap)){ background:#FCFAF4 !important; }

  /* ---- Palette encre alignee sur la maquette : navy/ardoise (et non vert-gris).
          Redefinit les tokens du bloc ; les descendants (titre, jour, moments...) suivent. */
  html.apprefonte .ar-carnet{
    --cream:#FCFAF4;
    --ink:#0C1E38;              /* titre + jour + libelles = navy profond (maquette #091A31) */
    --soft:#6E7488;             /* sous-titre + menu = ardoise bleutee (maquette #717483) */
    --green-ic:#EDF5EF;         /* pastilles mint un poil plus claires (maquette #F0F7F2) */
    --line:rgba(16,32,58,.10);  /* filets neutres bleutes plutot que verdatres */
  }

  /* ---- Onglets : inactifs = ardoise foncee (maquette ~#33414C), actif reste vert souligne. */
  html.apprefonte .ar-cr-tab{ color:#33414C; }
  html.apprefonte .ar-cr-tab.is-on{ color:var(--green); }

  /* ---- Heures des moments : navy-slate soutenu (maquette #2C405D), pas un gris fade. */
  html.apprefonte .ar-cr-mtime{ color:#2E4763; }

  /* ---- Carte hero : photo NETTE en haut, assombrissement progressif seulement vers le bas
          (le degrade actuel noircit des le sommet). Structure identique (cover + repli sombre). */
  html.apprefonte .ar-cr-hero{
    background:
      linear-gradient(180deg,
        rgba(8,18,28,0) 0%,
        rgba(8,18,28,.06) 44%,
        rgba(8,18,28,.55) 76%,
        rgba(8,18,28,.94) 100%),
      var(--cover, none) center/cover no-repeat,
      #26333e !important;
  }

  /* ---- Bande medias : la maquette montre des vignettes PHOTO en PORTRAIT et une tuile
          d'ajout carree, un peu plus compactes que le carre 134px actuel. object-fit:cover
          reste en place -> recadrage propre. */
  html.apprefonte .ar-cr-addmedia,
  html.apprefonte .ar-cr-thumb{ height:124px !important; }
  html.apprefonte .ar-cr-addmedia{ width:124px !important; }
  html.apprefonte .ar-cr-thumb{ width:90px !important; }
}