/* Page Préparer son voyage : sommaire, intertitre, nuits, encadré, photo, listes cochées, charte. */

@media (prefers-reduced-motion:no-preference){
  html:has(body.lha-page){scroll-behavior:smooth}
}
.lha-page .lha.et_pb_section[id]{scroll-margin-top:16px}

/* complément aux « points communs » (20-pages) : de l'air entre les filets */
body.lha-page .lha .lha-communs ul{padding:24px 0}

/* sommaire en pastilles sous le chapeau */
body.lha-page .lha .lha-chapo + .lha-pastilles{margin-top:24px}

/* photo du bandeau : cadrage plus haut pour garder le hayon ouvert */
.lha-page .lha .lha-bande.lha-bande-camp img{object-position:50% 40%}

/* ---------- intertitre de niveau 3 seul ---------- */
.lha-page .lha-h3 h3{font:600 22px/1.3 var(--lha-display);letter-spacing:-.01em}
body.lha-page .lha .et_pb_row + .et_pb_row > .et_pb_column > .lha-h3:first-child{margin-top:24px}

/* ---------- où dormir : quatre cartes ---------- */
.lha-page .lha .lha-nuit{
  background:var(--lha-raised); border:1px solid var(--lha-border); border-radius:var(--lha-r-lg);
  padding:22px; height:100%;
}
.lha-page .lha-nuit h3{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font:600 18px/1.3 var(--lha-sans);margin-bottom:6px}
.lha-page .lha-nuit h3::before{width:24px;height:24px;margin:0;color:var(--lha-primary)}
.lha-page .lha-nuit .prix{font:600 20px/1.3 var(--lha-display);color:var(--lha-ink);font-variant-numeric:tabular-nums;margin-bottom:8px}
.lha-page .lha-nuit p:last-child{font-size:15px;line-height:1.55;color:var(--lha-muted)}

/* ---------- encadré (ce que dit la loi) ---------- */
.lha-page .lha .lha-encadre{
  background:var(--lha-sunken); border-left:4px solid var(--lha-primary); border-radius:var(--lha-r-md);
  padding:24px 28px; max-width:820px;
}
.lha-page .lha-encadre h3{font:600 20px/1.3 var(--lha-display);margin-bottom:10px}
.lha-page .lha-encadre p{font-size:16px;line-height:1.65}
body.lha-page .lha .et_pb_row + .et_pb_row .lha-encadre{margin-top:16px}

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

/* ---------- listes cochées (ce qu'il faut emporter) ---------- */
.lha-page .lha .lha-coche{
  background:var(--lha-raised); border:1px solid var(--lha-border); border-radius:var(--lha-r-lg);
  padding:24px; height:100%;
}
.lha-page .lha-coche h3{font:600 19px/1.3 var(--lha-sans);margin-bottom:14px}
.lha-page .lha-coche li{display:flex;align-items:flex-start;gap:0;font-size:16px;line-height:1.5;padding:7px 0;border-top:1px solid var(--lha-border)}
.lha-page .lha-coche li:first-child{border-top:0}
.lha-page .lha-coche li::before{width:20px;height:20px;margin:2px 12px 0 0;color:var(--lha-primary);flex:0 0 20px}
body.lha-page .lha .lha-rangee-egale + .et_pb_row .et_pb_button_module_wrapper{margin-top:4px}

/* ---------- charte du voyageur ---------- */
.lha-page .lha .lha-charte{
  background:var(--lha-raised); border:1px solid var(--lha-border); border-radius:var(--lha-r-lg);
  padding:22px; height:100%;
}
.lha-page .lha-charte h3{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font:600 18px/1.3 var(--lha-sans);margin-bottom:10px}
.lha-page .lha-charte h3::before{width:24px;height:24px;margin:0;color:var(--lha-primary)}
.lha-page .lha-charte li{position:relative;padding-left:16px;font-size:15px;line-height:1.55;color:var(--lha-muted)}
.lha-page .lha-charte li + li{margin-top:6px}
.lha-page .lha-charte li::before{
  content:""; position:absolute; left:2px; top:.62em; width:5px; height:5px;
  border-radius:50%; background:var(--lha-sage400);
}

@media (max-width:980px){
  .lha-page .lha .lha-nuit,
  .lha-page .lha .lha-coche,
  .lha-page .lha .lha-charte{margin-bottom:12px;height:auto}
  .lha-page .lha .lha-photo{margin-top:12px}
}
@media (max-width:767px){
  .lha-page .lha .lha-encadre{padding:20px}
}