/* AlafeelGood v26 — fin de l'alignement sur la charte graphique v2 (chargée après css/v25.css).
   Barlow 500 pour la méta, trait blanc entre tuiles des cartes claires, carré de difficulté limité aux cartes de
   l'Explorer, toasts multilignes à 4 px et jamais sur une fenêtre, titre du récap « Feel good, … ». */

/* ---------------------------------------------------------------- Barlow 500 (méta, charte page « typographie ») */
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap; src: url("../vendor/polices/barlow-500.woff2") format("woff2"); }
.petit, .element .meta, .rapide .meta, .cp-meta { font-weight: 500; }

/* ---------------------------------------------------------------- trait blanc entre deux rangées de tuiles (v24, v25)
   Cause : Leaflet 1.9.4 pose « mix-blend-mode: plus-lighter » sur les tuiles <img> (vendor/leaflet/leaflet.css), pour
   masquer les jointures en zoom fractionnaire. Quand la carte commence à une position non entière en pixels de
   l'écran (fiche : haut de la carte à 213,47 px CSS, soit 426,94 px réels en densité 2), les deux tuiles voisines
   peignent toutes deux la même ligne de pixels réels ; en « plus-lighter » leurs couleurs s'additionnent et la ligne
   sature en blanc (255, 255, 255 mesuré). En fusion normale, la ligne est mélangée sans surbrillance et la couche
   d'arrière-plan (mêmes tuiles d'un zoom plus faible) comble toute jointure. Les tuiles sombres du guidage sont des
   <canvas> déjà en fusion normale : rien ne change pour elles. */
.leaflet-container img.leaflet-tile, .leaflet-container canvas.leaflet-tile { mix-blend-mode: normal; }

/* ---------------------------------------------------------------- carré de difficulté des vignettes
   Réservé aux cartes de parcours de l'Explorer (--diff y est défini) : plus de carré gris vide dans le choix du
   parcours d'une sortie, le parcours choisi, la liste des sorties d'équipe ni sur les vignettes-icônes
   (« Sortie libre », « Importer un GPX »). */
.cp-apercu::before { content: none; }
.carte-parcours .cp-apercu::before { content: ""; }
.cp-apercu.libre::before { content: none; }

/* ---------------------------------------------------------------- toasts
   Une ligne : capsule (charte). Plusieurs lignes : rectangle au rayon unique de 4 px (classe posée par ui.js), texte
   mieux tenu. Pendant une fenêtre (modale, feuille) : en haut de l'écran, jamais sur les champs ni les boutons. */
.toast.multiligne { border-radius: var(--rayon); padding: 12px 16px; line-height: 1.35; width: max-content; max-width: min(420px, calc(100% - 32px)); }
/* (à gauche de la cloche, qui reste dans le coin haut droit) */
body:has(.modale-fond) .toast { bottom: auto; top: calc(var(--sat) + 12px); left: 16px; right: 72px; width: auto; max-width: none; transform: translateY(-20px); }
body:has(.modale-fond) .toast.visible { transform: translateY(0); }
@media (min-width: 900px) { body:has(.modale-fond) .toast { left: 50%; right: auto; width: max-content; max-width: 420px; transform: translate(-50%, -20px); } body:has(.modale-fond) .toast.visible { transform: translate(-50%, 0); } }

/* ---------------------------------------------------------------- titre du récap (charte page 10)
   « Sortie terminée · date » en micro-libellé Ciel acier, « Feel good, Prénom. » en Condensed ExtraBold italique,
   badge « Record · … » rouge sprint (texte blanc), sillage tricolore à droite (moment de célébration). */
.recap-titre { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.recap-titre .micro { color: var(--accent); display: block; }
.recap-titre h1 { margin: 2px 0 0; line-height: .98; }
.recap-titre .recap-nom { margin-top: 4px; color: var(--texte2); font-weight: 500; overflow-wrap: anywhere; }
.badge-record { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 4px 8px; background: #D23C3C; color: #FFFFFF;
  font-family: var(--font-texte); font-weight: 600; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; border-radius: var(--rayon); max-width: 100%; }
.badge-record .ico { width: 14px; height: 14px; flex: none; }
/* sillage sous le titre, calé à droite (la cloche occupe le coin haut droit de l'en-tête) */
.recap-titre::after {
  content: ""; display: block; align-self: flex-end; width: 112px; height: 30px; margin: 10px 4px 0 0; pointer-events: none;
  background:
    linear-gradient(#5980A6, #5980A6) 0 0 / 100% 6px no-repeat,
    linear-gradient(var(--texte), var(--texte)) 18% 12px / 82% 6px no-repeat,
    linear-gradient(#D23C3C, #D23C3C) 36% 24px / 64% 6px no-repeat;
  transform: skewX(-14deg); transform-origin: 100% 0; }
/* le bandeau « bravo » du récap ne double pas le sillage du titre */
.recap .recap-titre ~ .bravo-bandeau::after, .recap .bravo-bandeau::after { display: none; }
.recap .bravo-bandeau { padding-right: 16px; }