/* ============================================================================
   zzzz-carte.css — FINITION APP « Carte » (carte.php) vers la maquette 06-carte.
   RÔLE : couche additive chargée EN DERNIER (prime sur zz-carte-app.css et
   carte-terrain.css). Nudges de fidélité SÛRS sur le calque maquette .fdcmap*
   (injecté par zz-carte-app.js) + la poignée de la feuille résultats.
   N'ajoute AUCUNE classe : uniquement des sélecteurs présents dans les sources.
   Ne change AUCUNE hauteur servant au calcul de position de la pilule rayon
   (chips restent à 44px). NE TOUCHE NI au Gardien NI à Étincelles.
   ROLLBACK : supprimer ce fichier (ou retirer son inclusion). 100% réversible.
   ============================================================================ */

@media (max-width: 768px), (pointer: coarse) and (max-width: 1366px), (display-mode: standalone) and (max-width: 1366px) {

  /* Avatar « JU » : bleu plein lumineux comme la maquette (au lieu du dégradé),
     dans la même famille bleue que le reste du chrome carte. Taille 44px inchangée
     → la rangée de recherche garde sa hauteur (position de la pilule rayon intacte). */
  /* (audit 24/08) L'ÉTAT DU PHARE (« ON ») était écrit en crème sur ce bleu :
     2,63:1 mesuré à 390 px. Même famille bleue, un cran plus profond : la même
     écriture y atteint 4,9:1. La taille de 44 px et l'ombre ne bougent pas, donc
     ni la rangée de recherche ni la position de la pilule « rayon » ne changent.
     RETOUR ARRIÈRE : remettre background:#2f9bff. */
  html.apprefonte .fdcmap-avatar {
    background: #1B6FB8 !important;
    border-color: rgba(140,205,255,.85) !important;
    box-shadow: 0 0 20px rgba(47,155,255,.30) !important;
  }

  /* Chips filtres : typo + icônes un cran plus grandes (plus proches de la maquette).
     Hauteur laissée à 44px (fixe) : seuls padding/gap/police/icône bougent. */
  html.apprefonte .fdcmap-chip { padding: 0 14px !important; gap: 7px !important; font-size: 13.5px !important; }
  html.apprefonte .fdcmap-chip svg { width: 18px !important; height: 18px !important; }

  /* Compteur « N lieux trouvés » : un cran plus lisible, chiffre bien présent
     (couleur du chiffre = token cyan héritée de zz-carte-app.css, non modifiée). */
  html.apprefonte .fdcmap-count { font-size: 13.5px !important; padding-top: 4px !important; }
  html.apprefonte .fdcmap-count strong { font-size: 15px !important; }

  /* Bouton « Ajouter un lieu » : pilule un peu plus large et affirmée (maquette).
     Hauteur 48px et position (bottom) laissées telles quelles par zz-carte-app.css. */
  html.apprefonte .fdcmap-add { padding: 0 30px !important; font-size: 15px !important; }

  /* Poignée de la feuille résultats : barre grise translucide comme la maquette.
     Re-affirmée en dernier pour primer sur le cyan de carte-terrain.css. */
  html.apprefonte body.page-carte .carte-right-grabber .crg-bar {
    background: rgba(246,240,223,.32) !important;
    box-shadow: none !important;
  }

  /* CARTE EN COULEURS NORMALES (choix Julien 16/08) : tuiles OSM standard,
     libelles FR, aucun filtre sombre/inverse -> carte naturelle et lisible. */
  html.apprefonte body.page-carte .leaflet-tile-pane {
    filter: none !important;
  }

  /* « Ajouter un lieu » collé tout en bas (au-dessus de la barre de nav). */
  html.apprefonte body.page-carte .fdcmap-add { bottom: 28px !important; }

  /* Pas de « bloc dans un bloc » : la colonne carte est plate (pas de carte/bordure
     autour), seule la barre de recherche reste une boite. */
  html.apprefonte body.page-carte .carte-left {
    border: 0 !important; border-radius: 0 !important; background: transparent !important;
  }

  /* Chips filtres resserres pour que les 5 (Aires/Eau/Services/Voyageurs/Filtres)
     tiennent sans etre coupes. */
  html.apprefonte body.page-carte .fdcmap-chips { gap: 6px !important; }
  html.apprefonte body.page-carte .fdcmap-chip { padding: 0 10px !important; font-size: 13px !important; gap: 5px !important; }
  html.apprefonte body.page-carte .fdcmap-chip svg { width: 16px !important; height: 16px !important; }

}
/* fin @media — le bureau (>768px) reste 100% intact */
