/* Composants des pages Nos vans, Acheter un van, Boutique. */

/* ---------- liens en forme de bouton, à l'intérieur d'un texte ---------- */
.lha-page .lha .lha-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.lha-page .lha a.lha-bt{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:46px; padding:0 18px; border-radius:var(--lha-r-md);
  font:600 15px/1.2 var(--lha-sans); text-decoration:none;
  transition:background-color .15s, box-shadow .15s;
}
.lha-page .lha a.lha-bt-plein{background:var(--lha-primary);color:#fff}
.lha-page .lha a.lha-bt-plein:hover{background:var(--lha-primary-h);color:#fff}
.lha-page .lha a.lha-bt-vide{background:transparent;color:var(--lha-ink);box-shadow:inset 0 0 0 1px var(--lha-border-strong);font-weight:500}
.lha-page .lha a.lha-bt-vide:hover{box-shadow:inset 0 0 0 1px var(--lha-ink);background:var(--lha-sage100);color:var(--lha-ink)}

/* ---------- grande photo en bandeau ---------- */
.lha-page .lha.lha-s-bande{padding-top:8px;padding-bottom:16px}
.lha-page .lha .lha-bande{width:100%;max-width:100%}
.lha-page .lha .lha-bande .et_pb_image_wrap{display:block}
.lha-page .lha .lha-bande img{
  width:100%; display:block; border-radius:var(--lha-r-lg); background:var(--lha-sunken);
  aspect-ratio:1400/612; object-fit:cover;
}
.lha-page .lha .lha-bande.lha-parc img{object-position:50% 32%}

/* ---------- ce que les quatre vans ont en commun ---------- */
.lha-page .lha-communs ul{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px;
  padding:32px 0; border-top:1px solid var(--lha-border); border-bottom:1px solid var(--lha-border);
}
.lha-page .lha-communs li{display:grid;grid-template-columns:23px minmax(0,1fr);column-gap:12px;align-items:start}
.lha-page .lha-communs li::before{grid-row:1 / 3;width:23px;height:23px;margin:2px 0 0;color:var(--lha-primary)}
.lha-page .lha-communs li b{display:block;font:600 16px/24px var(--lha-sans)}
.lha-page .lha-communs li span{display:block;font:400 14px/22px var(--lha-sans);color:var(--lha-muted)}

/* ---------- carte d'un van ---------- */
.lha-page .lha .et_pb_column.lha-van-carte{
  background:var(--lha-raised); border:1px solid var(--lha-border); border-radius:var(--lha-r-lg);
  padding:24px; display:grid; grid-template-columns:190px minmax(0,1fr); gap:16px; align-items:center;
  transition:border-color .12s ease;
}
.lha-page .lha .et_pb_column.lha-van-carte:hover{border-color:var(--lha-border-strong)}
body.lha-page .lha .lha-van-carte .et_pb_module + .et_pb_module{margin-top:0}
.lha-page .lha .lha-van-img .et_pb_image_wrap{display:block}
.lha-page .lha .lha-van-img img{width:190px;height:133px;object-fit:contain}
.lha-page .lha-van h3{font:600 23px/1.2 var(--lha-display);letter-spacing:-.014em}
.lha-page .lha-van .lieu{margin:3px 0 12px;font-size:14px;line-height:21px;color:var(--lha-muted)}
.lha-page .lha-van ul{display:flex;flex-wrap:wrap;gap:4px 16px}
.lha-page .lha-van li{font-size:14px;line-height:22px;display:flex;align-items:center}
.lha-page .lha-van li::before{color:var(--lha-sage400)}
@media (min-width:981px){
  .lha-page .lha .lha-rangee-egale{display:flex}
}

/* ---------- questions / réponses ---------- */
.lha-page .lha-q h3{font:600 17px/25px var(--lha-sans);margin-bottom:6px}
.lha-page .lha-q p{font-size:15px;line-height:25px;color:var(--lha-muted)}
body.lha-page .lha .lha-q + .lha-q{margin-top:24px}

/* ---------- fiche technique ---------- */
.lha-page .lha-tech h3{
  display:flex; align-items:center; font:600 21px/1.2 var(--lha-display);
  letter-spacing:-.01em; margin-bottom:16px;
}
.lha-page .lha-tech h3::before{color:var(--lha-primary);width:22px;height:22px}
.lha-page .lha-tech ul{display:flex;flex-direction:column;gap:12px}
.lha-page .lha-tech li{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px;
  padding-bottom:12px; border-bottom:1px solid var(--lha-border);
  font-size:15px; line-height:24px; color:var(--lha-muted);
}
.lha-page .lha-tech li b{font-weight:500;color:var(--lha-ink)}
.lha-page .lha-tech li span{text-align:right;font-variant-numeric:tabular-nums}
.lha-page .lha-tech li.plein{grid-template-columns:1fr;gap:4px}
.lha-page .lha-tech li.plein span{text-align:left}
body.lha-page .lha .lha-tech + .lha-tech{margin-top:48px}

/* ---------- chèques cadeaux ---------- */
.lha-page .lha .lha-cc{
  background:var(--lha-raised); border:1px solid var(--lha-border); border-radius:var(--lha-r-lg);
  padding:24px; text-align:center; height:100%;
}
.lha-page .lha .lha-cc.lha-ic-cadeau::before{display:block;width:30px;height:30px;margin:0 auto 12px;color:var(--lha-sage400)}
.lha-page .lha-cc .montant{font:600 38px/1 var(--lha-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.lha-page .lha-cc .montant + p{margin-top:8px;font-size:14px;color:var(--lha-muted)}
.lha-page .lha-cc .lha-actions{justify-content:center}
.lha-page .lha .lha-cc a.lha-cc-visuel{display:block;margin:-8px -8px 18px;border-radius:var(--lha-r-md);overflow:hidden;background:var(--lha-sunken)}
.lha-page .lha .lha-cc a.lha-cc-visuel img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.lha-page .lha .lha-cc a.lha-cc-visuel:hover img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.lha-page .lha .lha-cc a.lha-cc-visuel img{transition:none}}
.lha-page .lha-cc a.lha-bt{width:100%}

/* ---------- tablette et mobile ---------- */
@media (max-width:980px){
  .lha-page .lha-communs ul{grid-template-columns:1fr 1fr}
  .lha-page .lha .et_pb_column.lha-van-carte{margin-bottom:24px}
}
@media (max-width:767px){
  .lha-page .lha-communs ul{grid-template-columns:1fr}
  .lha-page .lha .et_pb_column.lha-van-carte{grid-template-columns:1fr}
  .lha-page .lha .lha-van-img{text-align:center}
  .lha-page .lha .lha-van-img img{width:100%;max-width:240px;height:auto}
  .lha-page .lha-tech li span{white-space:normal}
  .lha-page .lha .lha-actions a.lha-bt{flex:1 1 100%}
}