/* Pages éditoriales : articles, contenus et mises en page ciblés. */
/* Article « Refonte du site » : styles limités à #refonte-ecolodeve. */

#refonte-ecolodeve{
  --eco-vert:#5F8A2D;
  --eco-vert-fonce:#2F5233;
  --eco-vert-nuit:#22402A;
  --eco-olive:#8FA832;
  --eco-ocre:#B0761A;
  --eco-encre:#333333;
  --eco-gris:#5B5B54;
  --eco-creme:#F7F5EE;
  --eco-creme-2:#EFEADD;
  --eco-ligne:#E3E0D4;
  --eco-blanc:#FFFFFF;
  --eco-rayon:12px;
  --eco-rayon-lg:22px;
  --eco-ombre:0 1px 2px rgba(47,82,51,.06),0 8px 22px -12px rgba(47,82,51,.22);

  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:0 20px 40px !important;
  background:var(--eco-creme) !important;
  color:var(--eco-encre) !important;
  line-height:1.7 !important;
}

#refonte-ecolodeve *{
  box-sizing:border-box;
}

#refonte-ecolodeve p,
#refonte-ecolodeve li{
  color:var(--eco-encre) !important;
}

#refonte-ecolodeve p{
  margin:0 0 18px !important;
}

#refonte-ecolodeve ul{
  margin:0 !important;
  padding-left:22px !important;
}

#refonte-ecolodeve li{
  margin-bottom:8px !important;
}

#refonte-ecolodeve h2,
#refonte-ecolodeve h3{
  color:var(--eco-vert-fonce) !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  margin-top:0 !important;
}

#refonte-ecolodeve h2{
  font-size:clamp(26px,4vw,38px) !important;
  letter-spacing:-.02em !important;
  margin:0 0 18px !important;
}

#refonte-ecolodeve h3{
  font-size:1.35rem !important;
  margin:0 0 10px !important;
}

/* ---------- Hero / chapeau ---------- */

#refonte-ecolodeve .re-hero{
  margin:0 -20px 34px !important;
  padding:56px 32px !important;
  background:linear-gradient(135deg,#F1EEDF 0%,var(--eco-creme) 55%,#E7EEDC 100%) !important;
  border-radius:0 0 var(--eco-rayon-lg) var(--eco-rayon-lg) !important;
  border-bottom:1px solid var(--eco-ligne) !important;
}

#refonte-ecolodeve .re-kicker{
  color:var(--eco-ocre) !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  margin-bottom:12px !important;
}

#refonte-ecolodeve .re-lead{
  color:var(--eco-vert) !important;
  font-size:clamp(20px,2.6vw,28px) !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  max-width:820px !important;
  margin:0 !important;
}

/* ---------- Sections ---------- */

#refonte-ecolodeve .re-section{
  padding:40px 0 !important;
}

#refonte-ecolodeve .re-soft{
  margin-left:-20px !important;
  margin-right:-20px !important;
  padding:44px 32px !important;
  background:var(--eco-creme-2) !important;
  border-radius:var(--eco-rayon-lg) !important;
}

/* ---------- Encarts ---------- */

#refonte-ecolodeve .re-box,
#refonte-ecolodeve .re-quote,
#refonte-ecolodeve .re-list-box,
#refonte-ecolodeve .re-final{
  background:var(--eco-blanc) !important;
  border:1px solid var(--eco-ligne) !important;
  border-radius:var(--eco-rayon) !important;
  padding:24px !important;
  box-shadow:var(--eco-ombre) !important;
}

#refonte-ecolodeve .re-highlight{
  border-left:6px solid var(--eco-olive) !important;
  margin-bottom:30px !important;
}

#refonte-ecolodeve .re-highlight p,
#refonte-ecolodeve .re-quote p{
  color:var(--eco-gris) !important;
  font-size:1.05rem !important;
  margin-bottom:0 !important;
}

#refonte-ecolodeve .re-quote{
  border-left:6px solid var(--eco-ocre) !important;
  margin-top:26px !important;
}

/* ---------- Bloc vert Conseil ÉcoLodève ---------- */

#refonte-ecolodeve .re-advice{
  background:linear-gradient(135deg,var(--eco-vert-fonce),var(--eco-vert-nuit)) !important;
  color:#fff !important;
  border-radius:var(--eco-rayon-lg) !important;
  padding:34px !important;
}

#refonte-ecolodeve .re-advice h2,
#refonte-ecolodeve .re-advice h3,
#refonte-ecolodeve .re-advice p{
  color:#fff !important;
}

#refonte-ecolodeve .re-advice .re-kicker{
  color:#F7E6C6 !important;
}

/* ---------- Dates été ---------- */

#refonte-ecolodeve .re-dates{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:26px 0 !important;
}

#refonte-ecolodeve .re-dates div{
  background:var(--eco-blanc) !important;
  border:1px solid var(--eco-ligne) !important;
  border-radius:var(--eco-rayon) !important;
  padding:22px !important;
  box-shadow:var(--eco-ombre) !important;
}

#refonte-ecolodeve .re-dates strong{
  display:block !important;
  color:var(--eco-ocre) !important;
  font-size:.78rem !important;
  text-transform:uppercase !important;
  letter-spacing:.07em !important;
  margin-bottom:8px !important;
}

#refonte-ecolodeve .re-dates span{
  display:block !important;
  color:var(--eco-vert-fonce) !important;
  font-size:1.75rem !important;
  font-weight:800 !important;
  line-height:1.1 !important;
}

/* ---------- Liste approvisionnements ---------- */

#refonte-ecolodeve .re-list-box{
  margin:26px 0 !important;
}

#refonte-ecolodeve .re-list-box h3{
  color:var(--eco-vert-fonce) !important;
}

/* ---------- Conclusion / CTA ---------- */

#refonte-ecolodeve .re-final{
  border-left:6px solid var(--eco-olive) !important;
}

#refonte-ecolodeve .re-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:26px !important;
  margin-bottom:0 !important;
}

#refonte-ecolodeve .re-buttons a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:13px 24px !important;
  border-radius:99px !important;
  background:var(--eco-olive) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700 !important;
  transition:background .15s ease,transform .15s ease !important;
}

#refonte-ecolodeve .re-buttons a:hover{
  background:var(--eco-vert) !important;
  transform:translateY(-2px) !important;
}

#refonte-ecolodeve .re-buttons a:nth-child(2){
  background:transparent !important;
  color:var(--eco-vert-fonce) !important;
  border:1.5px solid var(--eco-olive) !important;
}

#refonte-ecolodeve .re-buttons a:nth-child(2):hover{
  background:#E7EEDC !important;
}

/* ---------- Responsive ---------- */

@media (max-width:760px){
  #refonte-ecolodeve{
    padding:0 14px 40px !important;
    line-height:1.65 !important;
  }

  #refonte-ecolodeve .re-hero{
    margin-left:-14px !important;
    margin-right:-14px !important;
    padding:44px 18px !important;
    border-radius:0 0 18px 18px !important;
  }

  #refonte-ecolodeve .re-soft{
    margin-left:-14px !important;
    margin-right:-14px !important;
    padding:36px 18px !important;
    border-radius:16px !important;
  }

  #refonte-ecolodeve h2{
    font-size:1.8rem !important;
  }

  #refonte-ecolodeve h3{
    font-size:1.2rem !important;
  }

  #refonte-ecolodeve .re-box,
  #refonte-ecolodeve .re-quote,
  #refonte-ecolodeve .re-list-box,
  #refonte-ecolodeve .re-final,
  #refonte-ecolodeve .re-advice,
  #refonte-ecolodeve .re-dates div{
    padding:20px !important;
    border-radius:16px !important;
  }

  #refonte-ecolodeve .re-dates{
    grid-template-columns:1fr !important;
  }

  #refonte-ecolodeve .re-buttons{
    display:block !important;
  }

  #refonte-ecolodeve .re-buttons a{
    width:100% !important;
    margin-bottom:10px !important;
  }
}

/* ==========================================================
   Écolodève — Article Badigeon à la chaux
   CSS scopé : aucun impact hors .eco-badigeon
   ========================================================== */

.eco-badigeon{
  --chaux:#FBF8F1;
  --ombre:#33291D;
  --ombre-2:#5C5040;
  --ocre:#B0761A;
  --ocre-fonce:#8F5E12;
  --sienne:#96432A;
  --olive:#5E6F45;
  --sable:#EDE5D3;
  --ligne:#E2D8C4;
  --blanc:#FFFFFF;
  --rayon:10px;
  --ombre-portee:0 1px 2px rgba(51,41,29,.06),0 8px 24px -12px rgba(51,41,29,.18);

  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  max-width:1060px;
  margin:0 auto;
  padding:clamp(1.25rem,4vw,3rem);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:1.0625rem;
  line-height:1.65;
  color:var(--ombre);
  background:var(--chaux);
  background-image:radial-gradient(rgba(51,41,29,.028) 1px,transparent 1px);
  background-size:22px 22px;
}

.eco-badigeon *,
.eco-badigeon *::before,
.eco-badigeon *::after{
  box-sizing:border-box;
}

.eco-badigeon h1,
.eco-badigeon h2,
.eco-badigeon h3{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600;
  line-height:1.15;
  color:var(--ombre);
  margin-top:0;
}

.eco-badigeon h1{
  font-size:clamp(1.9rem,4.4vw,3rem);
  letter-spacing:-.01em;
  margin-bottom:1rem;
}

.eco-badigeon h2{
  font-size:clamp(1.45rem,2.8vw,2rem);
  margin-bottom:.6rem;
}

.eco-badigeon h3{
  font-size:1.13rem;
  margin-bottom:.35rem;
}

.eco-badigeon p{
  margin-top:0;
}

.eco-badigeon a{
  color:var(--ocre-fonce);
}

.eco-badigeon a:focus-visible,
.eco-badigeon button:focus-visible,
.eco-badigeon summary:focus-visible{
  outline:3px solid var(--ocre);
  outline-offset:2px;
  border-radius:4px;
}

/* ---------- Sections ---------- */

.eco-badigeon .eco-section{
  padding:clamp(2rem,4.5vw,3.25rem) 0;
  border-bottom:1px solid var(--ligne);
}

.eco-badigeon .eco-section:last-of-type{
  border-bottom:none;
}

.eco-badigeon .eco-section > h2{
  position:relative;
  padding-bottom:.85rem;
  margin-bottom:1rem;
}

.eco-badigeon .eco-section > h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:74px;
  height:7px;
  background:var(--ocre);
  border-radius:6px;
  opacity:.9;
}

.eco-badigeon .eco-section:nth-of-type(even) > h2::after{
  background:var(--sienne);
}

.eco-badigeon .eco-intro{
  max-width:68ch;
  color:var(--ombre-2);
  margin-bottom:1.5rem;
}

.eco-badigeon .eco-intro strong{
  color:var(--ombre);
}

/* ---------- Hero ---------- */

.eco-badigeon .eco-hero-chaux{
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:clamp(1.5rem,3vw,3rem);
  align-items:start;
  padding:clamp(1.5rem,4vw,3rem) 0 clamp(1.75rem,4vw,2.75rem);
  border-bottom:1px solid var(--ligne);
  position:relative;
}

.eco-badigeon .eco-hero-chaux::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:9px;
  background:linear-gradient(90deg,#E5C56A 0 14%,#B0761A 14% 30%,#96432A 30% 46%,#7A5C43 46% 60%,#5E6F45 60% 74%,#A9552F 74% 88%,#D9CBAF 88% 100%);
  border-radius:99px;
}

.eco-badigeon .eco-label{
  display:inline-block;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--sienne);
  border:1px solid currentColor;
  border-radius:99px;
  padding:.3rem .8rem;
  margin-bottom:1.1rem;
}

.eco-badigeon .eco-hero-chaux p{
  max-width:56ch;
  color:var(--ombre-2);
}

.eco-badigeon .eco-hero-box{
  background:var(--blanc);
  border:1px solid var(--ligne);
  border-top:5px solid var(--ocre);
  border-radius:var(--rayon);
  padding:1.35rem 1.5rem;
  box-shadow:var(--ombre-portee);
}

.eco-badigeon .eco-hero-box > strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.05rem;
  margin-bottom:.75rem;
}

.eco-badigeon .eco-hero-list{
  list-style:none;
  margin:0;
  padding:0;
}

.eco-badigeon .eco-hero-list li{
  padding:.5rem 0 .5rem 1.5rem;
  position:relative;
  border-bottom:1px dashed var(--ligne);
  font-size:.97rem;
}

.eco-badigeon .eco-hero-list li:last-child{
  border-bottom:none;
}

.eco-badigeon .eco-hero-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.95em;
  width:10px;
  height:10px;
  background:var(--ocre);
  border-radius:3px;
}

.eco-badigeon .eco-hero-list li:nth-child(2n)::before{
  background:var(--sienne);
}

/* ---------- Cartes ---------- */

.eco-badigeon .eco-grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}

.eco-badigeon .eco-card{
  background:var(--blanc);
  border:1px solid var(--ligne);
  border-radius:var(--rayon);
  padding:1.25rem 1.3rem;
  text-decoration:none;
  color:inherit;
  display:block;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}

.eco-badigeon a.eco-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--ombre-portee);
  border-color:var(--ocre);
  text-decoration:none;
}

.eco-badigeon .eco-card h3{
  margin:.55rem 0 .35rem;
}

.eco-badigeon .eco-card p{
  font-size:.95rem;
  color:var(--ombre-2);
  margin-bottom:0;
}

.eco-badigeon .eco-picto{
  display:inline-grid;
  place-items:center;
  width:2.5rem;
  height:2.5rem;
  font-size:1.25rem;
  background:var(--sable);
  border-radius:8px;
}

/* ---------- Tableaux ---------- */

.eco-badigeon .eco-table-scroll{
  overflow-x:auto;
  margin:0 0 1.5rem;
  border-radius:var(--rayon);
  border:1px solid var(--ligne);
  background:var(--blanc);
  box-shadow:var(--ombre-portee);
}

.eco-badigeon .eco-table{
  width:100%;
  border-collapse:collapse;
  font-size:.96rem;
  min-width:620px;
  margin:0;
}

.eco-badigeon .eco-table caption{
  text-align:left;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1rem;
  padding:1rem 1.25rem .4rem;
  color:var(--ombre-2);
}

.eco-badigeon .eco-table th{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.07em;
  text-align:left;
  color:var(--blanc);
  background:var(--ocre-fonce);
  padding:.7rem 1.25rem;
}

.eco-badigeon .eco-table td{
  padding:.85rem 1.25rem;
  border-top:1px solid var(--ligne);
  vertical-align:top;
}

.eco-badigeon .eco-table tbody tr:nth-child(even){
  background:#FDFBF6;
}

/* ---------- Notes ---------- */

.eco-badigeon .eco-note{
  display:flex;
  gap:1rem;
  align-items:flex-start;
  background:var(--sable);
  border-left:5px solid var(--ocre);
  border-radius:0 var(--rayon) var(--rayon) 0;
  padding:1.1rem 1.3rem;
  margin:1.5rem 0;
}

.eco-badigeon .eco-note .emoji{
  font-size:1.4rem;
  line-height:1.3;
}

.eco-badigeon .eco-note strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  margin-bottom:.25rem;
}

.eco-badigeon .eco-note p{
  font-size:.97rem;
  color:var(--ombre-2);
  margin-bottom:0;
}

/* ---------- Supports ---------- */

.eco-badigeon .eco-support-list{
  display:grid;
  gap:.85rem;
}

.eco-badigeon .eco-support{
  display:flex;
  gap:1rem;
  align-items:flex-start;
  background:var(--blanc);
  border:1px solid var(--ligne);
  border-radius:var(--rayon);
  padding:1.05rem 1.2rem;
}

.eco-badigeon .eco-support .mark{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:1.9rem;
  height:1.9rem;
  border-radius:50%;
  font-weight:700;
  color:var(--blanc);
}

.eco-badigeon .eco-support.ok .mark{
  background:var(--olive);
}

.eco-badigeon .eco-support.warn .mark{
  background:var(--ocre);
}

.eco-badigeon .eco-support.no .mark{
  background:var(--sienne);
}

.eco-badigeon .eco-support.ok{
  border-left:5px solid var(--olive);
}

.eco-badigeon .eco-support.warn{
  border-left:5px solid var(--ocre);
}

.eco-badigeon .eco-support.no{
  border-left:5px solid var(--sienne);
}

.eco-badigeon .eco-support p{
  font-size:.96rem;
  color:var(--ombre-2);
  margin-bottom:0;
}

/* ---------- Étapes ---------- */

.eco-badigeon .eco-steps{
  display:grid;
  gap:0;
  counter-reset:etape;
  border-left:3px solid var(--ligne);
  margin-left:1.35rem;
}

.eco-badigeon .eco-step{
  counter-increment:etape;
  position:relative;
  padding:0 0 1.75rem 2.1rem;
}

.eco-badigeon .eco-step:last-child{
  padding-bottom:.25rem;
}

.eco-badigeon .eco-step::before{
  content:counter(etape);
  position:absolute;
  left:-1.45rem;
  top:-.15rem;
  width:2.7rem;
  height:2.7rem;
  display:grid;
  place-items:center;
  background:var(--ombre);
  color:var(--chaux);
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.15rem;
  border-radius:50%;
  border:4px solid var(--chaux);
}

.eco-badigeon .eco-step h3{
  margin-bottom:.3rem;
  padding-top:.35rem;
}

.eco-badigeon .eco-step p{
  color:var(--ombre-2);
  font-size:.98rem;
  max-width:62ch;
}

/* ---------- Fiche produit : infos + petit carré ---------- */

.eco-badigeon .eco-fiche{
  display:grid;
  gap:.85rem;
  margin:1.5rem 0;
}

.eco-badigeon .eco-fiche-item{
  display:flex;
  gap:.9rem;
  align-items:flex-start;
  background:var(--blanc);
  border:1px solid var(--ligne);
  border-radius:var(--rayon);
  padding:1.05rem 1.2rem;
  box-shadow:var(--ombre-portee);
}

.eco-badigeon .eco-fiche-carre{
  flex:0 0 auto;
  width:14px;
  height:14px;
  margin-top:.4rem;
  background:var(--ocre);
  border-radius:3px;
}

.eco-badigeon .eco-fiche-item:nth-child(2) .eco-fiche-carre{
  background:var(--olive);
}

.eco-badigeon .eco-fiche-item strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  color:var(--ombre);
  font-size:clamp(1rem,2.4vw,1.08rem);
  margin-bottom:.2rem;
}

.eco-badigeon .eco-fiche-item p{
  margin:0;
  font-size:clamp(.9rem,2.2vw,.96rem);
  color:var(--ombre-2);
}

/* ---------- CTA ---------- */

.eco-badigeon .eco-cta{
  display:flex;
  flex-wrap:wrap;
  gap:1.25rem;
  align-items:center;
  justify-content:space-between;
  background:var(--ombre);
  color:var(--chaux);
  border-radius:var(--rayon);
  padding:clamp(1.4rem,3vw,2rem) clamp(1.4rem,3vw,2.25rem);
  margin:clamp(2rem,4.5vw,3.25rem) 0;
}

.eco-badigeon .eco-cta h2{
  color:var(--chaux);
  font-size:clamp(1.25rem,2.2vw,1.6rem);
  margin-bottom:.35rem;
}

.eco-badigeon .eco-cta p{
  color:#D9CFBE;
  max-width:52ch;
  font-size:.98rem;
  margin-bottom:0;
}

.eco-badigeon .eco-btn{
  flex:0 0 auto;
  display:inline-block;
  background:var(--ocre);
  color:var(--ombre);
  font-weight:700;
  text-decoration:none;
  padding:.85rem 1.6rem;
  border-radius:99px;
  transition:transform .15s ease,background .15s ease;
}

.eco-badigeon .eco-btn:hover{
  background:#C98A22;
  transform:translateY(-2px);
  text-decoration:none;
}

/* ---------- FAQ ---------- */

.eco-badigeon .eco-faq{
  display:grid;
  gap:.7rem;
  max-width:820px;
}

.eco-badigeon .eco-faq details{
  background:var(--blanc);
  border:1px solid var(--ligne);
  border-radius:var(--rayon);
  overflow:hidden;
}

.eco-badigeon .eco-faq details[open]{
  border-color:var(--ocre);
  box-shadow:var(--ombre-portee);
}

.eco-badigeon .eco-faq summary{
  cursor:pointer;
  list-style:none;
  font-weight:700;
  padding:1rem 3rem 1rem 1.25rem;
  position:relative;
}

.eco-badigeon .eco-faq summary::-webkit-details-marker{
  display:none;
}

.eco-badigeon .eco-faq summary::after{
  content:"+";
  position:absolute;
  right:1.1rem;
  top:50%;
  transform:translateY(-50%);
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.5rem;
  color:var(--ocre-fonce);
  transition:transform .2s ease;
}

.eco-badigeon .eco-faq details[open] summary::after{
  transform:translateY(-50%) rotate(45deg);
}

.eco-badigeon .eco-faq details p{
  padding:0 1.25rem 1.1rem;
  color:var(--ombre-2);
  font-size:.97rem;
  max-width:70ch;
}

/* ---------- Responsive ---------- */

@media (max-width:900px){
  .eco-badigeon .eco-grid-3{
    grid-template-columns:repeat(2,1fr);
  }

  .eco-badigeon .eco-hero-chaux{
    grid-template-columns:1fr;
  }

  .eco-badigeon .eco-fiche-item strong{
    font-size:1.02rem;
  }

  .eco-badigeon .eco-fiche-item p{
    font-size:.94rem;
  }
}

@media (max-width:580px){
  .eco-badigeon{
    font-size:1rem;
    padding:1rem;
  }

  .eco-badigeon .eco-grid-3{
    grid-template-columns:1fr;
  }

  .eco-badigeon .eco-cta{
    flex-direction:column;
    align-items:flex-start;
  }

  .eco-badigeon .eco-steps{
    margin-left:1.1rem;
  }

  .eco-badigeon .eco-note,
  .eco-badigeon .eco-support{
    padding:1rem;
  }

  .eco-badigeon .eco-fiche-item{
    padding:1rem;
    gap:.75rem;
  }

  .eco-badigeon .eco-fiche-item strong{
    font-size:.98rem;
  }

  .eco-badigeon .eco-fiche-item p{
    font-size:.9rem;
    line-height:1.55;
  }
}

/* ---------- Correction visibilité : blocs foncés et texte invisible ---------- */

#refonte-ecolodeve .re-advice,
#refonte-ecolodeve .re-advice *,
#refonte-ecolodeve .re-buttons a,
#refonte-ecolodeve .re-buttons a *,
.eco-badigeon .eco-table th,
.eco-badigeon .eco-table th *,
.eco-badigeon .eco-support .mark,
.eco-badigeon .eco-step::before{
  text-shadow:none !important;
}

#refonte-ecolodeve .re-advice h2,
#refonte-ecolodeve .re-advice h3,
#refonte-ecolodeve .re-advice p,
#refonte-ecolodeve .re-advice strong,
#refonte-ecolodeve .re-advice span{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

#refonte-ecolodeve .re-advice .re-kicker{
  color:#F7E6C6 !important;
  -webkit-text-fill-color:#F7E6C6 !important;
}

#refonte-ecolodeve .re-buttons a{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

#refonte-ecolodeve .re-buttons a:nth-child(2){
  color:var(--eco-vert-fonce) !important;
  -webkit-text-fill-color:var(--eco-vert-fonce) !important;
}

.eco-badigeon .eco-table th{
  background:#8F5E12 !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

.eco-badigeon .eco-support .mark{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

.eco-badigeon .eco-step::before{
  background:#33291D !important;
  color:#FBF8F1 !important;
  -webkit-text-fill-color:#FBF8F1 !important;
}

/* ---------- Correction Badigeon : CTA clair au lieu du fond marron ---------- */

.eco-badigeon .eco-cta{
  background:#FBF8F1 !important;
  color:#33291D !important;
  border:1px solid #E2D8C4 !important;
  border-left:6px solid #B0761A !important;
  box-shadow:0 1px 2px rgba(51,41,29,.06),0 8px 24px -12px rgba(51,41,29,.18) !important;
}

.eco-badigeon .eco-cta h2,
.eco-badigeon .eco-cta p,
.eco-badigeon .eco-cta strong,
.eco-badigeon .eco-cta span{
  color:#33291D !important;
  -webkit-text-fill-color:#33291D !important;
  text-shadow:none !important;
}

.eco-badigeon .eco-cta p{
  color:#5C5040 !important;
  -webkit-text-fill-color:#5C5040 !important;
}

.eco-badigeon .eco-btn{
  background:#B0761A !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  text-shadow:none !important;
}

.eco-badigeon .eco-btn:hover{
  background:#8F5E12 !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

/* ---------- Impression ---------- */

@media print{
  #refonte-ecolodeve,
  .eco-badigeon{
    background:#fff !important;
  }

  .eco-badigeon .eco-cta,
  .eco-badigeon .eco-hero-chaux::after,
  #refonte-ecolodeve .re-buttons{
    display:none !important;
  }

  #refonte-ecolodeve .re-box,
  #refonte-ecolodeve .re-quote,
  #refonte-ecolodeve .re-list-box,
  #refonte-ecolodeve .re-final,
  .eco-badigeon .eco-card,
  .eco-badigeon .eco-support,
  .eco-badigeon .eco-table-scroll,
  .eco-badigeon .eco-faq details{
    box-shadow:none !important;
  }
}

/* ============================================================
   Texte responsive — tailles fluides selon la largeur d'écran
   ============================================================ */

#refonte-ecolodeve p,
#refonte-ecolodeve li{
  font-size:clamp(.95rem,2.4vw,1.05rem) !important;
}

#refonte-ecolodeve .re-highlight p,
#refonte-ecolodeve .re-quote p{
  font-size:clamp(1rem,2.6vw,1.1rem) !important;
}

#refonte-ecolodeve .re-dates span{
  font-size:clamp(1.4rem,4.5vw,1.75rem) !important;
}

/* ==========================================================
   FIX MOBILE FORT — Article Badigeon
   ========================================================== */

@media (max-width:768px){

  body:has(.eco-badigeon){
    overflow-x:hidden !important;
  }

  .entry-content:has(.eco-badigeon),
  .wp-block-post-content:has(.eco-badigeon),
  .site-content:has(.eco-badigeon),
  .content-area:has(.eco-badigeon),
  main:has(.eco-badigeon){
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .eco-badigeon{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:18px 14px 36px !important;
    overflow-x:hidden !important;
  }

  .eco-badigeon *,
  .eco-badigeon *::before,
  .eco-badigeon *::after{
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .eco-badigeon .eco-hero-chaux{
    display:block !important;
    width:100% !important;
    padding:26px 0 32px !important;
  }

  .eco-badigeon .eco-hero-chaux p,
  .eco-badigeon .eco-intro,
  .eco-badigeon p,
  .eco-badigeon li{
    max-width:100% !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    hyphens:auto !important;
  }

  .eco-badigeon h1{
    font-size:1.72rem !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
    overflow-wrap:break-word !important;
    hyphens:auto !important;
  }

  .eco-badigeon h2{
    font-size:1.38rem !important;
    line-height:1.18 !important;
    overflow-wrap:break-word !important;
  }

  .eco-badigeon h3{
    font-size:1.08rem !important;
    line-height:1.25 !important;
  }

  .eco-badigeon .eco-label{
    display:block !important;
    width:100% !important;
    white-space:normal !important;
    font-size:.68rem !important;
    line-height:1.35 !important;
    padding:.45rem .7rem !important;
  }

  .eco-badigeon .eco-grid-3{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  .eco-badigeon .eco-card,
  .eco-badigeon .eco-note,
  .eco-badigeon .eco-support,
  .eco-badigeon .eco-hero-box,
  .eco-badigeon .eco-cta,
  .eco-badigeon .eco-faq details{
    width:100% !important;
    max-width:100% !important;
  }

  .eco-badigeon .eco-card{
    padding:16px !important;
  }

  .eco-badigeon .eco-note,
  .eco-badigeon .eco-support{
    display:block !important;
    padding:16px !important;
  }

  .eco-badigeon .eco-note .emoji,
  .eco-badigeon .eco-support .mark{
    display:inline-grid !important;
    margin-bottom:10px !important;
  }

  .eco-badigeon .eco-steps{
    margin-left:0 !important;
    border-left:none !important;
    gap:16px !important;
  }

  .eco-badigeon .eco-step{
    padding:16px !important;
    background:#fff !important;
    border:1px solid #E2D8C4 !important;
    border-radius:10px !important;
  }

  .eco-badigeon .eco-step::before{
    position:static !important;
    width:2.2rem !important;
    height:2.2rem !important;
    margin-bottom:10px !important;
    border:0 !important;
  }

  .eco-badigeon .eco-table-scroll{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .eco-badigeon .eco-table{
    min-width:520px !important;
  }

  .eco-badigeon .eco-cta{
    display:block !important;
    padding:20px 16px !important;
  }

  .eco-badigeon .eco-btn{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    margin-top:18px !important;
  }
}

/* Article « Formation enduits terre à Lodève » */
.el-formations-terre {
    --el-vert: #173f2a;
    --el-vert-clair: #285b3d;
    --el-ocre: #c56a3a;
    --el-or: #e8c76b;
    --el-creme: #fff9ef;
    --el-sable: #f7ebd8;
    --el-texte: #594635;
    --el-trait: #e7d5bd;
    color: var(--el-texte);
    background: var(--el-creme);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.65;
  }

  .el-formations-terre * { box-sizing: border-box; }
  .el-formations-terre .el-wrap {
    width: min(1120px, calc(100% - 40px));
    margin: auto;
  }

  .el-formations-terre h1,
  .el-formations-terre h2,
  .el-formations-terre h3 {
    color: var(--el-vert);
    font-family: Georgia, "Times New Roman", serif;
  }

  .el-formations-terre h1 {
    max-width: 710px;
    margin: 0;
    font-size: clamp(42px, 5.4vw, 70px);
    line-height: .98;
    letter-spacing: -.045em;
  }

  .el-formations-terre h2 {
    margin: 0 0 17px;
    font-size: clamp(30px, 3.4vw, 45px);
    line-height: 1.06;
    letter-spacing: -.035em;
  }

  .el-formations-terre h3 {
    margin: 0 0 8px;
    font-size: 23px;
    line-height: 1.15;
  }

  .el-formations-terre p { margin: 0 0 18px; }

  .el-formations-terre .el-intro-copy a,
  .el-formations-terre .el-card a,
  .el-formations-terre .el-faq a {
    color: var(--el-vert);
    font-weight: bold;
    text-decoration-color: var(--el-or);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
  }

  .el-formations-terre .el-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 18px;
    color: var(--el-ocre);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
  }

  .el-formations-terre .el-eyebrow::before {
    content: "";
    width: 26px;
    height: 2px;
    background: currentColor;
  }

  .el-formations-terre .el-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    border-radius: 99px;
    color: #fff;
    background: var(--el-vert);
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;
  }

  .el-formations-terre .el-button:hover {
    color: #fff;
    background: var(--el-vert-clair);
  }

  .el-formations-terre .el-button::after {
    content: "→";
    font-size: 21px;
  }

  .el-formations-terre .el-hero {
    padding: 76px 0 88px;
    background: var(--el-creme);
  }

  .el-formations-terre .el-hero-grid {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 58px;
    align-items: center;
  }

  .el-formations-terre .el-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    padding: 8px 13px;
    border: 1px solid var(--el-or);
    border-radius: 99px;
    color: var(--el-vert);
    background: #fffdf7;
    font-size: 14px;
    font-weight: bold;
  }

  .el-formations-terre .el-status::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--el-ocre);
  }

  .el-formations-terre .el-hero-lead {
    max-width: 585px;
    margin: 25px 0 30px;
    font-size: 20px;
    line-height: 1.52;
  }

  .el-formations-terre .el-note {
    margin: 14px 0 0;
    color: #856f58;
    font-size: 13px;
  }

  .el-formations-terre .el-note strong { color: var(--el-ocre); }

  .el-formations-terre .el-photo {
    position: relative;
    min-height: 470px;
  }

  .el-formations-terre .el-photo::before {
    content: "";
    position: absolute;
    inset: 30px -25px -25px 30px;
    border: 1px solid var(--el-or);
    border-radius: 150px 24px 150px 24px;
  }

  .el-formations-terre .el-photo img {
    position: relative;
    display: block;
    width: 100%;
    height: 470px;
    object-fit: cover;
    border-radius: 150px 24px 150px 24px;
  }

  .el-formations-terre .el-photo-label {
    position: absolute;
    z-index: 1;
    right: -20px;
    bottom: 28px;
    width: 196px;
    padding: 17px 19px;
    color: var(--el-vert);
    background: var(--el-or);
    box-shadow: 0 12px 28px rgba(50, 35, 15, .15);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.15;
  }

  .el-formations-terre .el-photo-label small {
    display: block;
    margin-top: 7px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.35;
  }

  .el-formations-terre .el-signal {
    color: var(--el-creme);
    background: var(--el-vert);
  }

  .el-formations-terre .el-signal .el-wrap {
    display: flex;
    justify-content: space-between;
    gap: 35px;
    padding: 31px 0;
  }

  .el-formations-terre .el-signal strong {
    color: var(--el-or);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1.15;
  }

  .el-formations-terre .el-signal p {
    max-width: 560px;
    margin: 0;
    color: #e9d9bd;
    font-size: 15px;
  }

  .el-formations-terre .el-intro {
    padding: 102px 0 76px;
  }

  .el-formations-terre .el-intro-grid {
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    gap: 80px;
  }

  .el-formations-terre .el-intro-lead {
    margin: 0;
    color: var(--el-vert);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    line-height: 1.24;
  }

  .el-formations-terre .el-intro-copy {
    max-width: 615px;
  }

  .el-formations-terre .el-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    padding: 12px 0 103px;
  }

  .el-formations-terre .el-card {
    padding: 28px;
    border: 1px solid var(--el-trait);
    border-radius: 20px;
    background: #fffdf8;
  }

  .el-formations-terre .el-icon {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 22px;
    border-radius: 50%;
    color: var(--el-ocre);
    background: var(--el-sable);
    font-size: 22px;
  }

  .el-formations-terre .el-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.58;
  }

  .el-formations-terre .el-maillage {
    padding: 0 0 96px;
  }

  .el-formations-terre .el-maillage-box {
    padding: 38px;
    border: 1px solid var(--el-trait);
    border-radius: 22px;
    background: var(--el-sable);
  }

  .el-formations-terre .el-maillage-head {
    display: grid;
    grid-template-columns: .78fr 1.22fr;
    gap: 52px;
    align-items: end;
    margin-bottom: 27px;
  }

  .el-formations-terre .el-maillage-head p { margin: 0; }

  .el-formations-terre .el-maillage-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .el-formations-terre .el-maillage-links a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid #d9c4a7;
    border-radius: 99px;
    color: var(--el-vert);
    background: #fffdf8;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.25;
    text-decoration: none;
  }

  .el-formations-terre .el-maillage-links a:hover {
    border-color: var(--el-ocre);
    color: var(--el-ocre);
  }

  .el-formations-terre .el-maillage-links a::after {
    content: "→";
    color: var(--el-ocre);
    font-size: 17px;
  }

  .el-formations-terre .el-newsletter {
    padding: 96px 0;
    background: var(--el-sable);
  }

  .el-formations-terre .el-newsletter-box {
    display: grid;
    grid-template-columns: 1fr .92fr;
    overflow: hidden;
    border-radius: 28px;
    background: var(--el-vert);
    box-shadow: 0 18px 42px rgba(37, 48, 37, .15);
  }

  .el-formations-terre .el-newsletter-copy {
    padding: 58px;
    color: var(--el-creme);
  }

  .el-formations-terre .el-newsletter-copy h2 { color: #fff; }
  .el-formations-terre .el-newsletter-copy .el-eyebrow { color: var(--el-or); }

  .el-formations-terre .el-newsletter-copy p {
    max-width: 520px;
    color: #e9d9bd;
  }

  .el-formations-terre .el-brevo-side {
    display: flex;
    align-items: center;
    padding: 42px;
    background: #214b32;
  }

  .el-formations-terre .el-brevo-card {
    width: 100%;
    min-height: 210px;
    padding: 30px;
    border-radius: 18px;
    background: var(--el-creme);
  }

  .el-formations-terre .el-brevo-card p {
    margin-bottom: 0;
    color: #806b56;
    font-size: 14px;
  }

  .el-formations-terre .el-faq {
    padding: 102px 0 112px;
  }

  .el-formations-terre .el-faq-head {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 80px;
    margin-bottom: 30px;
  }

  .el-formations-terre .el-faq-head p { margin: 0; }
  .el-formations-terre .el-faq-list { border-top: 1px solid var(--el-trait); }
  .el-formations-terre details { border-bottom: 1px solid var(--el-trait); }

  .el-formations-terre summary {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 4px;
    color: var(--el-vert);
    cursor: pointer;
    list-style: none;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
  }

  .el-formations-terre summary::-webkit-details-marker { display: none; }

  .el-formations-terre summary::after {
    content: "+";
    color: var(--el-ocre);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
  }

  .el-formations-terre details[open] summary::after { content: "–"; }

  .el-formations-terre details p {
    max-width: 800px;
    margin: -2px 4px 22px;
  }

  @media (max-width: 800px) {
    .el-formations-terre .el-wrap {
      width: min(100% - 34px, 620px);
    }

    .el-formations-terre .el-hero {
      padding: 58px 0 65px;
    }

    .el-formations-terre .el-hero-grid,
    .el-formations-terre .el-intro-grid,
    .el-formations-terre .el-newsletter-box,
    .el-formations-terre .el-faq-head {
      grid-template-columns: 1fr;
      gap: 36px;
    }

    .el-formations-terre .el-photo {
      min-height: auto;
      margin: 5px 18px 0 0;
    }

    .el-formations-terre .el-photo img {
      height: 380px;
    }

    .el-formations-terre .el-signal .el-wrap {
      display: block;
      padding: 25px 0;
    }

    .el-formations-terre .el-signal p {
      margin-top: 9px;
    }

    .el-formations-terre .el-intro,
    .el-formations-terre .el-faq {
      padding: 72px 0;
    }

    .el-formations-terre .el-cards {
      grid-template-columns: 1fr;
      padding-bottom: 72px;
    }

    .el-formations-terre .el-maillage {
      padding-bottom: 68px;
    }

    .el-formations-terre .el-maillage-box {
      padding: 29px;
    }

    .el-formations-terre .el-maillage-head {
      grid-template-columns: 1fr;
      gap: 16px;
    }

    .el-formations-terre .el-newsletter {
      padding: 68px 0;
    }

    .el-formations-terre .el-newsletter-copy {
      padding: 42px 29px 31px;
    }

    .el-formations-terre .el-brevo-side {
      padding: 0 29px 29px;
    }
  }

/* Formation enduits terre : le modèle d'article impose une colonne de 800 px,
   une image d'en-tête en double et des couleurs/paragraphes prioritaires. */
body.postid-3923 .site-main.single-post > .container {
  max-width: 1240px !important;
  padding-inline: 24px;
}

body.postid-3923 #post-3923 {
  width: 100%;
  max-width: none !important;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.postid-3923 #post-3923 > .article-header {
  display: none;
}

body.postid-3923 #post-3923 .article-content {
  padding: 0 !important;
  background: transparent;
}

body.postid-3923 #post-3923 .el-formations-terre p {
  color: var(--el-texte) !important;
  -webkit-text-fill-color: var(--el-texte) !important;
  text-align: left !important;
  word-spacing: normal !important;
}

body.postid-3923 #post-3923 .el-formations-terre h1,
body.postid-3923 #post-3923 .el-formations-terre h2,
body.postid-3923 #post-3923 .el-formations-terre h3 {
  color: var(--el-vert) !important;
  -webkit-text-fill-color: var(--el-vert) !important;
}

body.postid-3923 #post-3923 .el-formations-terre h1 {
  font-size: clamp(42px, 5.4vw, 70px) !important;
  line-height: .98 !important;
}

body.postid-3923 #post-3923 .el-formations-terre h2 {
  font-size: clamp(30px, 3.4vw, 45px) !important;
  line-height: 1.06 !important;
}

body.postid-3923 #post-3923 .el-formations-terre h3 {
  font-size: 23px !important;
  line-height: 1.15 !important;
}

body.postid-3923 #post-3923 .el-formations-terre .el-eyebrow {
  color: var(--el-ocre) !important;
  -webkit-text-fill-color: var(--el-ocre) !important;
  font-size: 12px !important;
}

body.postid-3923 #post-3923 .el-formations-terre .el-note {
  color: #856f58 !important;
  -webkit-text-fill-color: #856f58 !important;
  font-size: 13px !important;
}

body.postid-3923 #post-3923 .el-formations-terre .el-status,
body.postid-3923 #post-3923 .el-formations-terre .el-intro-lead {
  color: var(--el-vert) !important;
  -webkit-text-fill-color: var(--el-vert) !important;
}

body.postid-3923 #post-3923 .el-formations-terre .el-signal p,
body.postid-3923 #post-3923 .el-formations-terre .el-newsletter-copy p {
  color: #e9d9bd !important;
  -webkit-text-fill-color: #e9d9bd !important;
  text-align: left !important;
}

body.postid-3923 #post-3923 .el-formations-terre .el-signal p {
  font-size: 15px !important;
}

body.postid-3923 #post-3923 .el-formations-terre .el-newsletter-copy h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.postid-3923 #post-3923 .el-formations-terre .el-newsletter-copy .el-eyebrow {
  color: var(--el-or) !important;
  -webkit-text-fill-color: var(--el-or) !important;
}

body.postid-3923 #post-3923 .el-formations-terre .el-brevo-card p {
  color: #806b56 !important;
  -webkit-text-fill-color: #806b56 !important;
  font-size: 14px !important;
}

body.postid-3923 #post-3923 .el-formations-terre .el-card p {
  font-size: 15px !important;
  line-height: 1.58 !important;
}

@media (max-width: 800px) {
  body.postid-3923 .site-main.single-post > .container {
    padding-inline: 16px;
  }

  body.postid-3923 #post-3923 .el-formations-terre h1 {
    font-size: clamp(36px, 8vw, 56px) !important;
  }

  body.postid-3923 #post-3923 .el-formations-terre h2 {
    font-size: clamp(28px, 6vw, 40px) !important;
  }
}