/* Page d'accueil (v1.3) : en-tête avec photo et recherche de dates, les deux points de départ,
   « Tout est à bord » en chiffres, le carnet en trois articles.
   Et deux petits composants réutilisés ailleurs : le lien fléché et le bouton accent dans un texte. */

/* ---------- lien fléché « Comparer les quatre vans → » ---------- */
.lha-page .lha a.lha-lien-fleche{
  display:inline-flex; align-items:center; gap:8px; min-height:44px;
  font:600 16px/1.3 var(--lha-sans); color:var(--lha-accent); text-decoration:none;
}
.lha-page .lha a.lha-lien-fleche::after{
  content:""; width:18px; height:18px; flex:0 0 18px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .2s ease;
}
.lha-page .lha a.lha-lien-fleche:hover{color:var(--lha-accent-h);text-decoration:underline;text-underline-offset:4px}
.lha-page .lha a.lha-lien-fleche:hover::after{transform:translateX(3px)}

/* ---------- bouton accent dans un texte (l'action principale d'une fiche) ---------- */
.lha-page .lha a.lha-bt-accent{background:var(--lha-accent);color:#fff}
.lha-page .lha a.lha-bt-accent:hover{background:var(--lha-accent-h);color:#fff}

/* ---------- en-tête de l'accueil ---------- */
.lha-page .lha.lha-s-hero{padding-top:48px;padding-bottom:40px}
.lha-page .lha .lha-hero .lha-h1 h1{font-size:clamp(36px,4.2vw,56px)}
.lha-page .lha .lha-hero-img .et_pb_image_wrap{display:block}
.lha-page .lha .lha-hero-img img{
  display:block; width:100%; aspect-ratio:5/4; object-fit:cover; object-position:50% 60%;
  border-radius:var(--lha-r-lg); background:var(--lha-sunken);
}
@media (min-width:981px){
  .lha-page .lha .lha-hero{display:flex;align-items:center}
  .lha-page .lha .lha-hero > .et_pb_column:first-child{padding-right:16px}
}
/* la recherche, juste sous la photo : c'est l'action principale de la page */
.lha-page .lha .lha-hero-recherche{margin-top:32px}
.lha-page .lha .lha-hero-note{text-align:center}
.lha-page .lha .lha-hero-note p{font-size:14px}

/* ---------- les deux points de départ ---------- */
.lha-page .lha .lha-depart{
  background:var(--lha-raised); border:1px solid var(--lha-border); border-radius:var(--lha-r-lg);
  padding:24px; height:100%; box-sizing:border-box;
}
.lha-page .lha-depart h3{display:flex;align-items:center;font:600 24px/1.2 var(--lha-display);letter-spacing:-.012em}
.lha-page .lha-depart h3::before{width:22px;height:22px;color:var(--lha-primary)}
.lha-page .lha-depart > .et_pb_text_inner > p,
.lha-page .lha-depart h3 + p{font-size:15px;color:var(--lha-muted);margin:4px 0 16px 30px}
.lha-page .lha .lha-depart ul{display:flex;flex-direction:column;gap:8px}
.lha-page .lha .lha-depart a{
  display:grid; grid-template-columns:120px minmax(0,1fr) 24px; align-items:center; gap:16px;
  min-height:88px; padding:8px 14px 8px 8px; border-radius:var(--lha-r-md);
  background:var(--lha-surface); color:var(--lha-ink); text-decoration:none;
  box-shadow:inset 0 0 0 1px transparent; transition:box-shadow .15s ease, background-color .15s ease;
}
.lha-page .lha .lha-depart a::after{
  content:""; width:24px; height:24px; border-radius:50%;
  background:var(--lha-sage100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6f52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12h11M12.5 7l5 5-5 5'/%3E%3C/svg%3E") center/14px no-repeat;
  transition:transform .2s ease;
}
.lha-page .lha .lha-depart a:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--lha-border-strong)}
.lha-page .lha .lha-depart a:hover::after{transform:translateX(3px)}
.lha-page .lha .lha-depart img{width:120px;height:84px;object-fit:contain;display:block}
.lha-page .lha .lha-depart li span{display:flex;flex-direction:column;gap:2px}
.lha-page .lha .lha-depart li b{font:600 19px/1.25 var(--lha-display);letter-spacing:-.01em}
.lha-page .lha .lha-depart li small{font-size:14px;line-height:1.4;color:var(--lha-muted)}
@media (max-width:980px){
  .lha-page .lha .lha-rangee-egale > .et_pb_column > .lha-depart{margin-bottom:0}
  .lha-page .lha .lha-rangee-egale > .et_pb_column:has(.lha-depart){margin-bottom:16px}
}

/* ---------- « Tout est à bord » : les chiffres ---------- */
.lha-page .lha .lha-chiffres ul{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.lha-page .lha .lha-chiffres li{padding:14px 0;border-top:1px solid var(--lha-border-strong)}
.lha-page .lha .lha-chiffres li b{
  display:block; font:600 26px/1.15 var(--lha-display); letter-spacing:-.015em;
  font-variant-numeric:tabular-nums; color:var(--lha-ink);
}
.lha-page .lha .lha-chiffres li span{display:block;margin-top:2px;font-size:15px;line-height:1.45;color:var(--lha-muted)}

/* photo en hauteur à côté d'un texte */
.lha-page .lha .lha-photo-haute .et_pb_image_wrap{display:block}
.lha-page .lha .lha-photo-haute img{
  display:block; width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--lha-r-lg); background:var(--lha-sunken);
}
@media (min-width:981px){
  .lha-page .lha .et_pb_row:has(> .et_pb_column > .lha-photo-haute){display:flex;align-items:center}
}

/* ---------- le carnet en trois articles (sans article mis en avant) ---------- */
body.lha-page .lha .lha-carnet.lha-carnet-court .et_pb_post:first-child{grid-column:auto;display:flex}
body.lha-page .lha .lha-carnet.lha-carnet-court .et_pb_post:first-child .entry-featured-image-url img{height:auto;min-height:0;aspect-ratio:3/2}
body.lha-page .lha .lha-carnet.lha-carnet-court .et_pb_post:first-child .post-meta{padding:20px 22px 0}
body.lha-page .lha .lha-carnet.lha-carnet-court .et_pb_post:first-child .entry-title{padding:6px 22px 0;font-size:22px;line-height:1.25}
body.lha-page .lha .lha-carnet.lha-carnet-court .et_pb_post:first-child .post-content{padding:10px 22px 24px}
body.lha-page .lha .lha-carnet.lha-carnet-court .et_pb_post:first-child .post-content p{font-size:16px}
body.lha-page .lha .lha-carnet.lha-carnet-court .et_pb_post:nth-child(n+4){display:none}

/* ---------- mobile ---------- */
@media (min-width:768px) and (max-width:980px){
  /* deux colonnes sur tablette : le troisième article attend sur la page du carnet */
  body.lha-page .lha .lha-carnet.lha-carnet-court .et_pb_post:nth-child(3){display:none}
}
@media (max-width:980px){
  .lha-page .lha .lha-hero-img{margin-top:8px}
  .lha-page .lha .lha-hero-img img{aspect-ratio:16/10}
}
@media (max-width:767px){
  .lha-page .lha.lha-s-hero{padding-top:32px}
  .lha-page .lha .lha-hero-recherche{margin-top:20px}
  .lha-page .lha .lha-depart{padding:18px}
  .lha-page .lha-depart h3 + p{margin-left:0}
  .lha-page .lha .lha-depart a{grid-template-columns:96px minmax(0,1fr) 24px;gap:12px;min-height:76px}
  .lha-page .lha .lha-depart img{width:96px;height:68px}
  .lha-page .lha .lha-photo-haute img{aspect-ratio:4/3}
  .lha-page .lha .lha-chiffres ul{grid-template-columns:1fr}
  .lha-page .lha .lha-chiffres li{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;align-items:baseline}
  .lha-page .lha .lha-chiffres li b{font-size:21px}
  .lha-page .lha .lha-chiffres li span{margin-top:0}
  body.lha-page .lha .lha-carnet.lha-carnet-court .et_pb_post:first-child .post-meta{padding:16px 18px 0}
  body.lha-page .lha .lha-carnet.lha-carnet-court .et_pb_post:first-child .entry-title{padding:4px 18px 0}
  body.lha-page .lha .lha-carnet.lha-carnet-court .et_pb_post:first-child .post-content{padding:8px 18px 20px}
}
@media (prefers-reduced-motion:reduce){
  .lha-page .lha a.lha-lien-fleche::after,
  .lha-page .lha .lha-depart a::after{transition:none}
}