/* ==========================================================================
   bk-lot-g.css — lot G (traces GPS, waypoints, cartes)
   Chargé après header.html par les pages gps/*. Uniquement des tokens --bk-*.
   ========================================================================== */

/* carte : hauteurs fixes (Leaflet et l'iframe track-viewer exigent une hauteur) */
.bk-map--viewer{ height:clamp(420px,62vh,675px); min-height:0; border:0; background:transparent }
.bk-map--viewer iframe{ display:block; width:100%; height:100%; border:0 }
.bk-map--wpt{ height:420px; min-height:0 }
.bk-map--pick{ height:560px; min-height:0; position:relative }
.bk-map .map{ height:100%; padding:0; border:0; border-radius:0 }
@media (max-width:600px){
  .bk-map--viewer{ height:460px }
  .bk-map--wpt{ height:320px }
  .bk-map--pick{ height:420px }
}

/* KPI de fiche : 5 chiffres sur une ligne, encadrés */
.bk-kpis--g{ background:var(--bk-surface); border:1px solid var(--bk-line); border-radius:var(--bk-r); padding:14px 18px; margin:8px 0 20px }
.bk-kpis--g .bk-kpi{ flex:1 1 0; min-width:110px }
.bk-kpis--g .bk-kpi:nth-child(3n+1){ border-left:1px solid var(--bk-line); padding-left:10px }
.bk-kpis--g .bk-kpi:first-child{ border-left:0; padding-left:0 }
@media (max-width:600px){
  .bk-kpis--g .bk-kpi{ flex:1 0 31% ; min-width:0 }
  .bk-kpis--g .bk-kpi:nth-child(3n+1){ border-left:0; padding-left:0 }
  .bk-kpis--g.bk-kpis--lg .bk-kpi b{ font-size:18px }
}

/* profil altimétrique (SVG dessiné par un petit script en ligne) */
.bk-profile{ background:var(--bk-surface); border:1px solid var(--bk-line); border-radius:var(--bk-r); padding:12px 14px 8px }
.bk-profile svg{ display:block; width:100%; height:180px; overflow:visible }
.bk-profile__area{ fill:var(--bk-accent-soft) }
.bk-profile__line{ fill:none; stroke:var(--bk-accent); stroke-width:2; vector-effect:non-scaling-stroke }
.bk-profile__grid{ stroke:var(--bk-line); stroke-width:1; vector-effect:non-scaling-stroke }
.bk-profile__axis{ display:flex; justify-content:space-between; font-size:12px; color:var(--bk-ink-3); font-variant-numeric:tabular-nums; margin-top:4px }

/* tableau des traces / waypoints */
.bk-table td.bk-g-name{ min-width:220px }
.bk-table td.bk-g-name a{ font-weight:600; color:var(--bk-ink) }
.bk-table td.bk-g-name a:hover{ color:var(--bk-accent-ink) }
.bk-table td.bk-g-name small{ display:block }
.bk-table .bk-num{ font-variant-numeric:tabular-nums; white-space:nowrap }
.bk-table .bk-pill{ background:var(--bk-bg); border:1px solid var(--bk-line); white-space:nowrap }
.bk-table .bk-author{ white-space:nowrap }
.bk-table img.bk-g-icon{ width:28px; height:28px; object-fit:contain }
.bk-table td.icon-display img{ width:28px; height:28px; object-fit:contain }

/* barre au-dessus d'une liste : filtres à gauche, pagination compacte à droite */
.bk-g-bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:12px 0 16px }
.bk-g-bar .bk-filters{ margin:0 }

/* fiche waypoint : coordonnées longues */
.bk-facts dd.bk-g-coord{ word-break:break-all; font-size:14px }

/* formulaire de géoréférencement */
.bk-g-icon-pick{ display:flex; align-items:center; gap:12px }
.bk-g-icon-pick img{ width:32px; height:32px; object-fit:contain }
.bk-g-search{ margin-bottom:10px }

/* avatar : initiale sous l'image, visible si l'image manque */
.bk-g-av{ position:relative }
.bk-g-av img{ position:absolute; inset:0 }
.bk-table .bk-author{ line-height:1.2 }