/* ==========================================================================
   LPP — Bandeau, menu et pied de page
   Feuille autonome. Remplace le bandeau Webflow, restyle le reste sans y toucher.
   ========================================================================== */

/* --------------------------------------------------------------- BANDEAU */
.lpp-hero{
  background:linear-gradient(180deg,#f4f7f5 0%,#fbfcfb 62%,#fff 100%);
  border-bottom:1px solid var(--lpp-line);
  font-family:var(--lpp-sans);color:var(--lpp-ink);text-align:left;
}
.lpp-hero__in{max-width:1120px;margin:0 auto;padding:52px 24px 0}
.lpp-hero__grid{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
.lpp-hero__grid>*{min-width:0}
@media(min-width:900px){
  .lpp-hero__grid{grid-template-columns:1.08fr .92fr;gap:52px}
}

.lpp-hero__eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;
  font-family:var(--lpp-display);font-weight:600;font-size:12px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--lpp-green-dark);
}
.lpp-hero__eyebrow::before{content:"";width:18px;height:2px;background:var(--lpp-green);border-radius:2px}

.lpp-hero h1{
  font-family:var(--lpp-display);font-weight:700;
  font-size:clamp(29px,4.3vw,46px);line-height:1.06;letter-spacing:-.022em;
  margin:0 0 14px;color:var(--lpp-ink);text-wrap:balance;max-width:15ch;
}
.lpp-hero__lede{
  margin:0 0 22px;font-size:18px;line-height:1.55;color:var(--lpp-ink-2);max-width:46ch;
}
.lpp-hero__lede strong{color:var(--lpp-ink);font-weight:600}

.lpp-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-bottom:6px}
.lpp-hero__cta{
  display:inline-flex;align-items:center;gap:9px;background:var(--lpp-green-dark);color:#fff;
  font-family:var(--lpp-display);font-weight:600;font-size:16px;letter-spacing:.005em;
  padding:15px 28px;border-radius:10px;text-decoration:none;min-height:48px;
  box-shadow:0 1px 2px rgba(20,122,70,.18),0 10px 22px -14px rgba(20,122,70,.75);
  transition:background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.lpp-hero__cta::after{content:"→";font-size:17px;line-height:1;transform:translateY(-1px)}
.lpp-hero__cta:hover{background:#0f5c33;transform:translateY(-1px);
  box-shadow:0 2px 4px rgba(20,122,70,.2),0 14px 26px -14px rgba(20,122,70,.85)}
.lpp-hero__cta:focus-visible{outline:3px solid var(--lpp-ink);outline-offset:3px}
.lpp-hero__alt{
  font-family:var(--lpp-display);font-weight:600;font-size:15px;color:var(--lpp-ink);
  text-decoration:none;border-bottom:1.5px solid rgba(20,122,70,.4);padding-bottom:2px;
  transition:border-color .15s ease}
.lpp-hero__alt:hover{border-bottom-color:var(--lpp-green-dark)}
.lpp-hero__alt:focus-visible{outline:2px solid var(--lpp-green);outline-offset:3px;border-radius:2px}

.lpp-hero__media{position:relative}
.lpp-hero__media picture,.lpp-hero__media img{display:block;width:100%;max-width:100%}
.lpp-hero__media img{
  aspect-ratio:5/4;object-fit:cover;border-radius:16px;
  box-shadow:0 2px 6px rgba(28,34,30,.06),0 26px 48px -30px rgba(28,34,30,.5);
}
@media(max-width:899px){
  .lpp-hero__grid{gap:22px}
  .lpp-hero__media{order:2}
  .lpp-hero__media img{aspect-ratio:21/9;max-height:172px;border-radius:12px}
}

/* --- barre de faits, pleine largeur sous les deux colonnes ---------------- */
.lpp-facts{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  margin-top:44px;border-top:1px solid var(--lpp-line);
}
.lpp-facts div{padding:22px 26px 26px;position:relative}
.lpp-facts div:first-child{padding-left:0}
.lpp-facts div:last-child{padding-right:0}
.lpp-facts div+div::before{content:"";position:absolute;left:0;top:22px;bottom:26px;
  width:1px;background:var(--lpp-line)}
.lpp-facts b{
  display:block;font-family:var(--lpp-display);font-weight:700;
  font-size:clamp(20px,2.4vw,26px);line-height:1.1;letter-spacing:-.02em;
  color:var(--lpp-ink);font-variant-numeric:tabular-nums;margin-bottom:5px;
}
.lpp-facts b em{font-style:normal;color:var(--lpp-green-dark)}
.lpp-facts span{display:block;font-size:14px;line-height:1.4;color:var(--lpp-ink-2)}
@media(max-width:760px){
  .lpp-facts{grid-template-columns:1fr;margin-top:30px}
  .lpp-facts div{padding:16px 0}
  .lpp-facts div+div{border-top:1px solid var(--lpp-line)}
  .lpp-facts div+div::before{display:none}
  .lpp-facts b{font-size:19px;margin-bottom:2px}
}
@media(max-width:899px){
  .lpp-hero__in{padding:26px 20px 0}
  .lpp-hero h1{max-width:none}
  .lpp-hero__lede{font-size:16.5px;margin-bottom:18px}
  .lpp-hero__cta{width:100%;justify-content:center}
}

/* ------------------------------------------------------------------ MENU */
.section-menu-02,.section-top-content-accueil>.container-menu{
  border-bottom:1px solid var(--lpp-line);background:#fff}
.navbar,.nav-menu{background:transparent!important}
.dropdown-menu-link,.nav-menu a{font-family:var(--lpp-sans);font-size:15px}
.dropdown-list a:hover,.dropdown-menu-link:hover{background:var(--lpp-bg)!important;
  color:var(--lpp-green-dark)!important}
a[class*="button-devis"]{border-radius:9px!important;font-family:var(--lpp-display)!important;
  letter-spacing:.005em!important}
.section-menu-02 a[class*="button-devis"],
.container-menu a[class*="button-devis"],
a.nav-link-menu-devis,a[class*="nav-link-menu-devis"]{
  background-color:var(--lpp-green-dark)!important;color:#fff!important}
.nav-menu a:focus-visible,.dropdown-menu-link:focus-visible,
a[class*="button-devis"]:focus-visible{outline:3px solid var(--lpp-green);outline-offset:2px}

/* ------------------------------------------------------- PIED DE PAGE */
.section-footer{background:var(--lpp-bg)!important;border-top:1px solid var(--lpp-line)}
.section-footer a{color:var(--lpp-ink-2)!important;text-decoration:none}
.section-footer a:hover{color:var(--lpp-green-dark)!important;text-decoration:underline;
  text-underline-offset:3px}
.section-footer a:focus-visible{outline:2px solid var(--lpp-green);outline-offset:2px;border-radius:2px}

/* Webflow colore le lien de la page courante en #19a65f : 3,15:1 sur blanc */
.dropdown-menu-link.w--current,.nav-menu a.w--current,a.w--current{
  color:var(--lpp-green-dark)!important}

/* --- Accueil : la section Webflow ne porte plus que le menu ---------------- */
.section-top-content-accueil.lpp-home-menu{
  background-image:none!important;background-color:#fff!important;
  padding:0!important;min-height:0!important;height:auto!important;
  border-bottom:1px solid var(--lpp-line)}
.section-top-content-accueil.lpp-home-menu::before,
.section-top-content-accueil.lpp-home-menu::after{display:none!important}
.lpp-hero--home h1{max-width:17ch}

/* le visuel ne doit jamais dominer le message */
@media(min-width:900px){
  .lpp-hero__media img{max-height:400px}
  .lpp-hero--home .lpp-hero__media img{max-height:430px;aspect-ratio:3/2}
}