/* Carvajal Expertises — V1.5.7, finition de continuité.
   Une intervention limitée aux jonctions, au scroll et aux espacements.
   Le hero original, la structure, les contenus et l'API de démonstration sont conservés. */

:root{
  --ce-surface-warm:#f8f8f4;
  --ce-surface-ivory:#fafaf6;
  --ce-surface-sage:#f5f6ee;
  --ce-nav-offset:106px;
}

/* Une unique règle de décalage d'ancre. Enlever le cumul scroll-padding +
   scroll-margin qui décale deux fois les titres sous la navigation collante. */
html{scroll-padding-top:0!important}
main section[id],#devis.quote-premium,footer{scroll-margin-top:var(--ce-nav-offset)}

/* Le panorama d'Angoulême reste identique. On raffine seulement la couture de
   son bord inférieur vers la photographie du devis. */
.hero::after{
  height:2px;
  opacity:.78;
  background:linear-gradient(90deg,#a7b891 0%,#c8bd91 40%,#c59b69 73%,#a0ad8a 100%);
}
#devis.quote-premium{
  padding-top:clamp(86px,7.1vw,112px);
  padding-bottom:clamp(42px,4.2vw,58px);
  background-color:#e9e2d8;
}
#devis.quote-premium::before{
  /* Film clair inchangé en milieu de section, mais zone sombre fondue,
     pas un trait vert opaque collé au haut de la photographie. */
  background:
    linear-gradient(180deg,
      rgba(23,47,36,.78) 0%,
      rgba(32,59,45,.52) 20px,
      rgba(42,70,52,.22) 46px,
      rgba(42,70,52,.06) 79px,
      rgba(42,70,52,0) 114px),
    linear-gradient(90deg,
      rgba(251,248,242,.64) 0%,
      rgba(253,250,244,.48) 40%,
      rgba(253,250,244,.10) 75%,
      rgba(255,255,255,.025) 100%);
}
#devis.quote-premium::after{
  height:clamp(74px,7.6vw,106px);
  background:linear-gradient(180deg,
    rgba(248,248,244,0) 0%,
    rgba(248,248,244,.26) 37%,
    rgba(248,248,244,.80) 74%,
    var(--ce-surface-warm) 100%);
}

/* Le passage photo -> cabinet conserve une respiration proportionnelle à la
   hauteur du formulaire ; la zone claire de l'introduction n'est plus un
   rectangle contrastant sur le fond de la section. */
#devis + #cabinet.cabinet-v13{
  margin-top:-14px;
  padding-top:clamp(54px,5vw,70px);
  padding-bottom:clamp(64px,6vw,82px);
  background:linear-gradient(180deg,
    var(--ce-surface-warm) 0%,
    #f9faf6 44%,
    #f9faf5 80%,
    var(--ce-surface-ivory) 100%);
}
#devis + #cabinet.cabinet-v13::before{
  height:clamp(30px,3.5vw,52px);
  background:linear-gradient(180deg,var(--ce-surface-warm),rgba(248,248,244,0));
}
#cabinet .cabinet-v13-intro::before{
  background:radial-gradient(ellipse at 35% 45%,rgba(255,254,250,.48),rgba(255,254,250,0) 74%);
}

/* Cabinet -> cartes DPE : la même lumière crème évite l'impression de bloc
   ajouté par-dessus le site. */
#prestations.services-section-premium{
  padding-top:clamp(48px,4.5vw,64px);
  padding-bottom:clamp(38px,3.3vw,46px);
  background:linear-gradient(180deg,
    var(--ce-surface-ivory) 0%,
    #fffefa 21%,
    #f9faf6 62%,
    var(--ce-surface-sage) 100%);
}
#prestations.services-section-premium::before{
  height:34px;
  background:linear-gradient(180deg,rgba(250,250,246,.85),rgba(250,250,246,0));
}
#prestations .diagnostics-ledger-v151{padding-bottom:0}
#prestations .diagnostics-ledger-v151 .diagnostics-ledger-intro{min-width:0}
#prestations .premium-service-card .service-body{flex-grow:1}
#prestations .premium-service-card .service-card-link{margin-top:auto}

/* Diagnostics complémentaires -> DPE / Audit.
   Réduit le vide de transition sans compresser les cartes ni leurs contenus. */
#prestations + #dpe-audit.energy-decision{
  margin-top:-16px;
  padding-top:clamp(40px,3.8vw,50px);
  padding-bottom:clamp(66px,6vw,82px);
  background:linear-gradient(180deg,
    var(--ce-surface-sage) 0%,
    #f6f7f0 29%,
    #f7f7f2 78%,
    #f4f6ef 100%);
}
#prestations + #dpe-audit.energy-decision::before{
  height:clamp(38px,4.6vw,62px);
  background:linear-gradient(180deg,rgba(245,246,238,.8),rgba(245,246,238,0));
}
#dpe-audit .energy-heading-meta{margin-bottom:12px}
#dpe-audit .energy-decision-head{margin-bottom:clamp(23px,2.5vw,31px)}

/* Jusqu'au footer, les contrastes de fonds évoluent sans lignes artificielles. */
#dpe-audit + #implantations.address-section{
  border-top:0;
  padding-top:clamp(60px,5.8vw,82px);
  background:linear-gradient(180deg,#f4f6ef 0%,#f6f8f2 55%,#fafaf7 100%);
}
#implantations + #temoignages.trust-section{
  border-top:0;
  padding-top:clamp(64px,5.9vw,82px);
  background:linear-gradient(180deg,#fafaf7 0%,#fffefa 29%,#fffefa 83%,#fbfaf6 100%);
}

/* Focus et micro-mouvement sobres, sans déplacer les CTA à chaque hover. */
#prestations .service-card-link,
#prestations .diagnostics-ledger-cta,
#dpe-audit .energy-contact,
#implantations .address-call-primary{
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
@media(hover:hover){
 #prestations .service-card-link:hover,
 #dpe-audit .energy-contact:hover,
 #implantations .address-call-primary:hover{transform:none}
}

@media(max-width:860px){
 :root{--ce-nav-offset:88px}
 #devis.quote-premium{padding-top:79px;padding-bottom:53px}
 #devis.quote-premium::before{
   background:
     linear-gradient(180deg,rgba(23,47,36,.66) 0%,rgba(34,61,46,.23) 32px,transparent 80px),
     linear-gradient(180deg,rgba(255,252,247,.72) 0%,rgba(255,252,247,.70) 100%);
 }
 #devis + #cabinet.cabinet-v13{margin-top:-9px;padding-top:48px;padding-bottom:64px}
 #prestations.services-section-premium{padding-top:46px;padding-bottom:43px}
 #prestations + #dpe-audit.energy-decision{margin-top:-10px;padding-top:38px;padding-bottom:66px}
 #dpe-audit + #implantations.address-section{padding-top:56px}
 #implantations + #temoignages.trust-section{padding-top:58px}
}

@media(max-width:560px){
 :root{--ce-nav-offset:78px}
 #devis.quote-premium{padding-top:62px;padding-bottom:43px}
 #devis.quote-premium::before{
   background:
     linear-gradient(180deg,rgba(22,46,35,.63) 0%,rgba(31,58,43,.22) 22px,transparent 55px),
     linear-gradient(180deg,rgba(255,252,247,.88) 8%,rgba(255,252,247,.77) 59%,rgba(255,252,247,.71) 100%);
 }
 #devis.quote-premium::after{height:56px}
 #devis + #cabinet.cabinet-v13{margin-top:-7px;padding-top:35px;padding-bottom:52px}
 #cabinet .cabinet-v13-intro::before{background:radial-gradient(ellipse at 35% 45%,rgba(255,254,250,.36),transparent 73%)}
 #prestations.services-section-premium{padding-top:36px;padding-bottom:41px}
 #prestations + #dpe-audit.energy-decision{margin-top:-8px;padding-top:32px;padding-bottom:57px}
 #prestations + #dpe-audit.energy-decision::before{height:34px}
 #dpe-audit .energy-decision-head{margin-bottom:21px}
 #dpe-audit + #implantations.address-section{padding-top:50px}
 #implantations + #temoignages.trust-section{padding-top:54px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}