/* ============================================================
   LIMA CARS : ce qui est propre au site
   La peau et la structure viennent de lima.css et forme-widgets.css,
   copies de lima-groupe/site-v2 (norme design/commun/norme.md).
   Ici, seulement la fiche véhicule. Aucune couleur en dur : tout
   passe par un jeton.
   ============================================================ */

:root{
  /* Halo derrière la photo : les véhicules sont noirs, détourés, et
     disparaîtraient sur la carte sans lui. Il se fond dans la carte,
     ce n'est pas un second fond. */
  --halo: radial-gradient(closest-side, rgba(255,255,255,.13), transparent);
}

/* Mur des médias en noir et blanc, comme sur limagroupe.com (Maurice, 2026-10-08) :
   le filtre vient de forme-widgets.css, rien à surcharger ici.
   Le lien vers les passages médias est une phrase blanche, pas un appel à l'action. */
.lien-medias{color:var(--text)}
.lien-medias:hover{text-decoration:underline}

/* ---------- Fiche véhicule ----------
   Une carte, deux colonnes : la photo à gauche, la fiche à droite.
   Dans la carte, les rangs se séparent par des filets, jamais par
   un deuxième fond (norme §6, règle 1). */

.vehicules{display:flex;flex-direction:column;gap:16px}
.vehicule{
  scroll-margin-top:92px;
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;
  align-items:center;
  background:var(--card);border-radius:var(--r-card);
  padding:40px;
}
.vehicule-photo{
  background:var(--halo);
  aspect-ratio:1288/1128;
  display:flex;align-items:center;justify-content:center;
}
.vehicule-photo img{width:100%;height:auto}
.vehicule h3{font-size:22px;margin-bottom:4px}
.vehicule-type{font-size:15px;color:var(--muted);margin:0 0 24px}

.fiche{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}
.fiche > div{padding:12px 0;border-top:1px solid var(--line)}
.fiche .large{grid-column:1/-1}
.fiche dt{font-size:13px;color:var(--faint);margin-bottom:2px}
.fiche dd{margin:0;font-size:15px;color:var(--text);line-height:1.5}
.fiche .large dd{color:var(--muted)}

.hero .cta{margin-top:32px}

/* Page légale : intitulé et valeur sur deux lignes, filet entre les rangs. */
.legal-id{margin:0 0 8px}
.legal-id > div{padding:12px 0;border-top:1px solid var(--line)}
.legal-id dt{font-size:13px;color:var(--faint)}
.legal-id dd{margin:0;color:var(--text)}

@media (max-width:900px){
  .vehicule{grid-template-columns:1fr;gap:24px;padding:28px 24px}
  .vehicule-photo{max-width:420px;width:100%;margin:0 auto}
}
@media (max-width:700px){
  .vehicule{padding:24px 18px}
  .fiche{grid-template-columns:1fr}
  .vehicule h3{font-size:19px}
}

/* Pied de page : trois colonnes ici, pas cinq. */
@media (min-width:1081px){
  .foot-top{grid-template-columns:1.5fr 1fr 1fr}
}