/* gb-itin.css — classes additionnelles pour les pages Itineraire (Granite & Braise).
   Reutilise les tokens de granite-braise.css. Charge APRES gb-article.css. */

/* Bandeau de statistiques cle (total km / D+ / temps / difficulte) */
.itin-stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);
  border-radius:16px;overflow:hidden;margin-top:22px}
.itin-stat{background:rgba(0,0,0,.18);padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.itin-stat b{font-family:var(--font-disp);font-weight:500;font-size:clamp(1.7rem, 1.2rem + 1.4vw, 2.3rem);
  line-height:1;color:var(--bone);letter-spacing:-.01em;font-feature-settings:"tnum" 1}
.itin-stat b small{font-size:.5em;font-weight:500;color:var(--bone-dim);margin-left:2px;letter-spacing:0}
.itin-stat span{font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.11em;
  text-transform:uppercase;color:var(--bone-dim)}
.itin-stat--accent b{color:var(--ember)}

/* Pastille "journee a surveiller" */
.itin-warn{display:inline-flex;align-items:center;gap:6px;margin-bottom:11px;padding:3px 11px;
  border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid rgba(226,104,60,.4);
  color:var(--ember-link);background:rgba(226,104,60,.10);white-space:nowrap}

/* Chips des nuits / refuges du parcours */
.itin-nights{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;padding:0;list-style:none}
.itin-night{display:flex;align-items:baseline;gap:8px;padding:9px 14px;border:1px solid var(--line);
  border-radius:12px;background:rgba(0,0,0,.16);font-family:var(--font-body);font-size:.92rem;color:var(--bone)}
.itin-night .j{font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--ember);
  font-feature-settings:"tnum" 1}
.itin-night .a{font-size:.78rem;color:var(--bone-dim);font-feature-settings:"tnum" 1}

/* Encart liens vers les autres durees (maillage interne) */
.itin-siblings{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:8px}
.itin-sibling{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:14px;
  background:rgba(0,0,0,.16);text-decoration:none;transition:border-color .25s var(--ease-out),background .25s var(--ease-out)}
.itin-sibling:hover,.itin-sibling:focus-visible{border-color:var(--ember);background:rgba(226,104,60,.07)}
.itin-sibling strong{display:block;font-family:var(--font-disp);font-weight:500;font-size:1.12rem;
  color:var(--bone);margin-bottom:3px}
.itin-sibling span{font-family:var(--font-body);font-size:.82rem;color:var(--bone-dim)}