/* Menuiserie Habitat: warm oak identity on white reading surfaces. */
:root{--primary:#246b64;--accent:#246b64;--ink:#222831;--muted:#58616d;}
body,.site-main,.section,.expertise-card,.step-card,.contact-intro{background:#fff;}
body{font-family:"Trebuchet MS","Segoe UI",sans-serif;}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em;}
.brand{white-space:nowrap;min-width:0;font-family:"Trebuchet MS","Segoe UI",sans-serif;}
.brand-mark{flex:0 0 32px;width:32px;height:32px;}
.site-header nav{flex-wrap:wrap;}
#travaux .service-card{padding:0 0 24px;overflow:hidden;border:1px solid #dce1e7;}
#travaux .service-card h3,#travaux .service-card p{margin:0 24px;}
#travaux .service-card>.btn{margin:0 24px;margin-top:auto;min-width:0;}
#travaux .service-card .service-icon{margin:24px 24px 0;}
#travaux .service-card .service-photo{margin:0;}
#travaux .service-card .service-photo img{aspect-ratio:3/2;}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #246b64;outline-offset:4px;}
@media(max-width:700px){.site-header{gap:13px;}.site-header .brand{font-size:20px;}.site-header nav{gap:13px;}.brand-mark{width:28px;height:28px;flex-basis:28px;}}

.joinery-guide{max-width:850px;margin:34px auto;}.guide-photo{margin:28px 0;}.guide-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}.joinery-guide .section{margin:34px 0;padding:0;}

.site-footer .brand-mark{filter:brightness(0) invert(1);}.image-brand .house-mark{filter:brightness(0) invert(1);}.joinery-guide>p:last-child{display:flex;gap:21px;flex-wrap:wrap;}
:root{--cta:#9c3848;--cta-hover:#7e2938;}
body.page-home .home-hero::before{background:linear-gradient(110deg,#123b37e6,#123b378c);}
.site-footer::before{background:#123b37cc;}
.expertise-card h3,.zone-card h3{font-family:Georgia,"Times New Roman",serif;}
body :is(.site-header,.site-main,.sticky-quote,.site-footer,.idle-popup) :is(.btn,.editor-contact button){background:var(--cta);border-color:var(--cta);box-shadow:none;}
body :is(.site-header,.site-main,.sticky-quote,.site-footer,.idle-popup) :is(.btn,.editor-contact button):hover{background:var(--cta-hover);border-color:var(--cta-hover);box-shadow:none;}

/* Added before/after disclosure, without changing the original layout. */
.comparison-note{color:var(--muted);}
.site-header .brand :is(.house-mark,.brand-mark),.city-search-icon{color:var(--primary);stroke:var(--primary);}

/* Restored site 001 blocks: reuse the shared layouts and Outfit typography. */
.page-home :is(.hero-proof,#parcours,#avant-signature,#partenaire),
.page-home :is(#parcours,#avant-signature,#partenaire) :is(h2,h3,.btn){font-family:Outfit,system-ui,sans-serif;}
.page-home :is(#parcours,#avant-signature,#partenaire) :is(h2,h3){font-weight:600;}

/* Keep the reference proof centered; shared compact rules otherwise shrink this closing banner. */
.page-home .hero-proof-row{justify-content:center;}
.page-home #partenaire .proof-portraits img{width:56px;height:56px;}
.page-home #partenaire .proof-stars{font-size:32px;}
.page-home #partenaire .proof-rating{font-size:28px;}
@media(max-width:700px){
 .page-home #partenaire .proof-portraits img{width:36px;height:36px;}
 .page-home #partenaire .proof-stars{font-size:24px;}
 .page-home #partenaire .proof-rating{font-size:22px;}
}

/* Action buttons use a contrasting accent, including secondary actions. */
body :is(.site-header,.site-main,.sticky-quote,.site-footer,.idle-popup) :is(.btn,.editor-contact button){color:#fff;}
body :is(.site-header,.site-main,.sticky-quote,.site-footer,.idle-popup) .btn.btn-secondary{background:#fff;color:var(--cta);border-color:var(--cta);}
body :is(.site-header,.site-main,.sticky-quote,.site-footer,.idle-popup) .btn.btn-secondary:hover{background:var(--cta-hover);color:#fff;border-color:var(--cta-hover);}
