/* Page Notre histoire : légendes, atouts, déroulé du départ, photo portrait, avis. */

/* ---------- légende sous une photo ---------- */
.lha-page .lha-legende p{font-size:14px;line-height:1.5;color:var(--lha-muted)}
body.lha-page .lha .et_pb_image + .lha-legende{margin-top:10px}

/* ---------- les trois atouts ---------- */
.lha-page .lha .lha-atout{
  background:var(--lha-raised); border:1px solid var(--lha-border); border-radius:var(--lha-r-lg);
  padding:24px; height:100%;
}
.lha-page .lha-atout h3{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font:600 19px/1.3 var(--lha-sans);margin-bottom:10px}
.lha-page .lha-atout h3::before{width:24px;height:24px;margin:0;color:var(--lha-primary)}
.lha-page .lha-atout p{font-size:16px;line-height:1.6;color:var(--lha-muted)}

/* ---------- le déroulé du départ (liste numérotée automatiquement) ---------- */
body.lha-page .lha .lha-deroule{margin-top:24px}
.lha-page .lha-deroule ol{counter-reset:lha-dep}
.lha-page .lha-deroule li{
  counter-increment:lha-dep; position:relative;
  padding:0 0 20px 48px; margin:0;
}
.lha-page .lha-deroule li::before{
  content:counter(lha-dep); position:absolute; left:0; top:0;
  display:flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:var(--lha-r-pill);
  background:var(--lha-forest900); color:#fff; font:600 14px/1 var(--lha-sans);
}
.lha-page .lha-deroule li:not(:last-child)::after{
  content:""; position:absolute; left:15px; top:36px; bottom:4px; width:2px; background:var(--lha-border);
}
.lha-page .lha-deroule li b{display:block;font:600 17px/1.4 var(--lha-sans);padding-top:4px}
.lha-page .lha-deroule li span{display:block;font-size:16px;line-height:1.6;color:var(--lha-muted);margin-top:2px}

/* ---------- photo en portrait ---------- */
.lha-page .lha .lha-portrait{width:100%;max-width:100%}
.lha-page .lha .lha-portrait .et_pb_image_wrap{display:block}
.lha-page .lha .lha-portrait img{
  width:100%; display:block; aspect-ratio:4/5; object-fit:cover;
  border-radius:var(--lha-r-lg); background:var(--lha-sunken);
}

/* ---------- les avis ---------- */
.lha-page .lha .lha-avis{
  background:var(--lha-raised); border:1px solid var(--lha-border); border-radius:var(--lha-r-lg);
  padding:24px; height:100%; display:flex; flex-direction:column;
}
.lha-page .lha .lha-avis .et_pb_text_inner{display:flex;flex-direction:column;height:100%}
.lha-page .lha-avis .etoiles{color:#9a6a1e;font-size:17px;letter-spacing:2px;line-height:1}
.lha-page .lha-avis blockquote{margin:14px 0 18px;padding:0;border:0;flex:1}
.lha-page .lha-avis blockquote p{font:400 18px/1.55 var(--lha-display);color:var(--lha-ink)}
.lha-page .lha-avis .qui{font-size:14px;color:var(--lha-muted);margin-top:0}
.lha-page .lha-avis .qui b{color:var(--lha-ink)}

@media (min-width:981px){
  .lha-page .lha .lha-portrait{max-width:460px;margin-left:auto}
  .lha-page .lha .lha-portrait + .lha-legende{max-width:460px;margin-left:auto}
}
@media (max-width:980px){
  .lha-page .lha .lha-atout,
  .lha-page .lha .lha-avis{margin-bottom:12px;height:auto}
  .lha-page .lha .lha-portrait{margin-top:12px}
}