/* Page Contact : canaux, raccourcis, formulaire Divi, encart « où les trouver ». */

/* titre lu par les lecteurs d'écran, invisible à l'écran */
.lha-page .lha-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- les trois canaux ---------- */
.lha-page .lha .lha-canal{
  background:var(--lha-raised); border:1px solid var(--lha-border); border-radius:var(--lha-r-lg);
  padding:24px; height:100%;
}
.lha-page .lha-canal 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-canal h3::before{width:22px;height:22px;margin:0;color:var(--lha-primary)}
.lha-page .lha-canal .val{font:600 18px/1.3 var(--lha-display);margin-bottom:8px;overflow-wrap:break-word}
.lha-page .lha-canal .val a{color:var(--lha-ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.lha-page .lha-canal .val a:hover{text-decoration:underline;text-underline-offset:3px}
.lha-page .lha-canal p:last-child{font-size:14px;line-height:1.55;color:var(--lha-muted)}
.lha-page .lha .lha-canal.lha-canal-fort{background:var(--lha-forest900);border-color:var(--lha-forest900)}
.lha-page .lha-canal-fort h3,
.lha-page .lha-canal-fort .val a{color:#fff}
.lha-page .lha-canal-fort h3::before{color:var(--lha-sage400)}
.lha-page .lha-canal-fort p:last-child{color:var(--lha-on-dark-muted)}
.lha-page .lha-canal-fort a:focus-visible{outline-color:#e9c98a}

/* ---------- raccourcis en pastilles ---------- */
.lha-page .lha-pastilles ul{display:flex;flex-wrap:wrap;gap:10px}
.lha-page .lha-pastilles a{
  display:inline-flex; align-items:center; min-height:44px; padding:0 18px;
  border:1px solid var(--lha-border-strong); border-radius:var(--lha-r-pill);
  background:var(--lha-raised); color:var(--lha-ink); font:500 15px/1.2 var(--lha-sans); text-decoration:none;
}
.lha-page .lha-pastilles a::before{width:18px;height:18px;color:var(--lha-primary)}
.lha-page .lha-pastilles a:hover{border-color:var(--lha-ink);background:var(--lha-sage100);color:var(--lha-ink)}
body.lha-page .lha .lha-pastilles{margin-top:20px}

/* ---------- formulaire (module Divi « Formulaire de contact ») ---------- */
body.lha-page .lha .lha-form{margin-top:28px}
body.lha-page .lha .lha-form .et_pb_contact_form{margin-left:0}
body.lha-page .lha .lha-form .et_pb_contact_form_label{
  display:block; position:static; margin:0 0 6px; padding:0;
  font:500 14px/1.3 var(--lha-sans); color:var(--lha-ink);
}
body.lha-page .lha .lha-form .et_pb_contact_field[data-type="input"] .et_pb_contact_form_label::after,
body.lha-page .lha .lha-form .et_pb_contact_field[data-type="email"] .et_pb_contact_form_label::after,
body.lha-page .lha .lha-form .et_pb_contact_field[data-type="text"] .et_pb_contact_form_label::after{content:""}
body.lha-page .lha .lha-form p.et_pb_contact_field{padding-left:0;margin-bottom:18px}
body.lha-page .lha .lha-form .et_pb_contact_field_half{width:calc(50% - 8px);margin-right:16px}
body.lha-page .lha .lha-form .et_pb_contact_field_last,
body.lha-page .lha .lha-form .et_pb_contact_field:not(.et_pb_contact_field_half){margin-right:0}
body.lha-page .lha .lha-form .et_pb_contact_field:not(.et_pb_contact_field_half){width:100%}
body.lha-page .lha .lha-form .et_pb_contact p input,
body.lha-page .lha .lha-form .et_pb_contact p textarea,
body.lha-page .lha .lha-form .et_pb_contact p select,
body.lha-page .lha .lha-form .et_pb_contact_select{
  width:100%; min-height:48px; padding:12px 14px; box-sizing:border-box;
  background:var(--lha-raised); color:var(--lha-ink);
  border:1px solid var(--lha-border-strong); border-radius:var(--lha-r-md);
  font:400 16px/1.4 var(--lha-sans);
}
body.lha-page .lha .lha-form .et_pb_contact p textarea{min-height:150px;resize:vertical}
body.lha-page .lha .lha-form .et_pb_contact p input::placeholder,
body.lha-page .lha .lha-form .et_pb_contact p textarea::placeholder{color:transparent}
body.lha-page .lha .lha-form .et_pb_contact p input:hover,
body.lha-page .lha .lha-form .et_pb_contact p textarea:hover,
body.lha-page .lha .lha-form .et_pb_contact p select:hover{border-color:var(--lha-ink)}
body.lha-page .lha .lha-form .et_pb_contact p .et_contact_error{border-color:#b3261e;box-shadow:inset 0 0 0 1px #b3261e}

/* message d'erreur ou de confirmation affiché par Divi */
body.lha-page .lha .lha-form .et-pb-contact-message{font-size:15px;color:var(--lha-ink)}
body.lha-page .lha .lha-form .et-pb-contact-message:not(:empty){
  margin-bottom:18px; padding:14px 16px; border-radius:var(--lha-r-md);
  background:var(--lha-sunken); border-left:4px solid var(--lha-accent);
}
body.lha-page .lha .lha-form .et-pb-contact-message ul{margin-top:6px}
body.lha-page .lha .lha-form .et-pb-contact-message li{padding:0;list-style:none}

/* bas du formulaire : question anti-robot puis bouton */
body.lha-page .lha .lha-form .et_contact_bottom_container{
  float:none; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:16px; margin-top:4px;
}
body.lha-page .lha .lha-form .et_pb_contact_right{float:none;text-align:left}
body.lha-page .lha .lha-form .et_pb_contact_right p{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;color:var(--lha-ink)}
body.lha-page .lha .lha-form .et_pb_contact_right p::before{content:"Anti-robot :";font-size:14px;color:var(--lha-muted)}
body.lha-page .lha .lha-form .et_pb_contact_right input.et_pb_contact_captcha{width:64px;min-height:44px;text-align:center}
body.lha-page #page-container .lha .lha-form .et_pb_contact_submit.et_pb_button{
  margin:0; background:var(--lha-accent)!important; color:#fff!important;
}
body.lha-page #page-container .lha .lha-form .et_pb_contact_submit.et_pb_button:hover{background:var(--lha-accent-h)!important}
body.lha-page .lha .lha-form + .lha-note{margin-top:16px}

/* ---------- où les trouver ---------- */
.lha-page .lha .lha-ou{
  background:var(--lha-sunken); border:1px solid var(--lha-border); border-radius:var(--lha-r-lg);
  padding:24px;
}
.lha-page .lha-ou h3{font:600 18px/1.3 var(--lha-sans);margin-bottom:14px}
.lha-page .lha-ou li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;margin-bottom:12px}
.lha-page .lha-ou li::before{grid-row:1 / 3;width:20px;height:20px;margin:2px 0 0;color:var(--lha-primary)}
.lha-page .lha-ou li b{font-weight:600;font-size:16px}
.lha-page .lha-ou li span{font-size:14px;color:var(--lha-muted)}
.lha-page .lha-ou p{font-size:14px;line-height:1.6;color:var(--lha-muted);margin-top:6px}

@media (min-width:981px){
  .lha-page .lha .lha-ou{margin-top:118px}
}
@media (max-width:980px){
  .lha-page .lha .lha-canal{margin-bottom:12px;height:auto}
  .lha-page .lha .lha-ou{margin-top:32px}
}
@media (max-width:767px){
  body.lha-page .lha .lha-form .et_pb_contact_field_half{width:100%;margin-right:0}
  body.lha-page .lha .lha-form .et_contact_bottom_container{flex-direction:column;align-items:stretch}
  body.lha-page #page-container .lha .lha-form .et_pb_contact_submit.et_pb_button{width:100%}
}