/* Navigation couvreur commune à toutes les pages. */
header.hdr-roof-home,.roof-nav-drawer{--rh-ink:var(--marque);--f-body:Manrope,system-ui,sans-serif;--f-title:Manrope,system-ui,sans-serif;--f-display:Manrope,system-ui,sans-serif;font-family:var(--f-body)}
.roof-nav-drawer{z-index:1100}
.roof-header-space{height:106px}
header.site-hdr.hdr-roof-home{position:fixed;top:22px;left:0;right:0;margin:0 auto;width:calc(100% - 60px);max-width:1280px;height:auto;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;z-index:1000;backdrop-filter:none!important}
header.hdr-roof-home .hdr{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;max-width:none;min-height:84px;height:84px;padding:4px 22px;background:#fffffff2;border:1px solid #fff;border-radius:18px;box-shadow:0 6px 24px #27231e08,0 2px 5px #27231e04;transition:background .35s,box-shadow .35s,border-color .35s}
header.hdr-roof-home.is-roof-scrolled .hdr{background:#ffffff42;backdrop-filter:blur(18px) saturate(130%);border-color:#ffffff80;box-shadow:0 4px 22px #1814100c}
header.hdr-roof-home .hdr-logo{flex:none}
header.hdr-roof-home .logo-img{height:72.5px!important;max-height:72.5px;max-width:140px;width:auto!important;object-fit:contain}
header.hdr-roof-home .logo-name,header.hdr-roof-home .logo-sub{color:var(--rh-ink)}
header.hdr-roof-home .hdr-nav{gap:clamp(8px,1vw,18px);justify-content:center;flex:1;margin:0}
header.hdr-roof-home .hdr-nav>a,header.hdr-roof-home .hdr-nav .has-drop>a{font-size:16px;font-weight:600;padding:12px 3px;line-height:1.3;color:var(--rh-ink)!important;opacity:1;white-space:nowrap}
header.hdr-roof-home .ps-menu-toggle{width:24px;margin-right:0;color:var(--rh-ink)}
header.hdr-roof-home .hdr-right{gap:10px;margin:0;flex:none}
header.hdr-roof-home .rh-header-action{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 18px;border:1px solid color-mix(in srgb,var(--rh-ink) 18%,transparent)!important;border-radius:50px;background:transparent!important;color:var(--rh-ink)!important;box-shadow:none!important;font-size:15px;font-weight:700;white-space:nowrap;line-height:1.3}
header.hdr-roof-home .rh-header-action>svg{width:18px;height:18px;flex:none}
header.hdr-roof-home .hdr-burger span{background:var(--rh-ink)!important}
header.hdr-roof-home .logo-swap>img{visibility:visible!important}
header.hdr-roof-home .logo-swap:after{display:none!important}
@media(max-width:1120px){
 header.site-hdr.hdr-roof-home{top:18px;width:calc(100% - 44px)}
 header.hdr-roof-home .hdr-nav{display:none!important}
 header.hdr-roof-home .hdr-burger{display:flex!important;width:44px;height:44px}
 header.hdr-roof-home .hdr-right{margin-left:auto}
.roof-header-space{height:102px}}
@media(max-width:540px){
 header.site-hdr.hdr-roof-home{top:12px;width:calc(100% - 28px)}
 header.hdr-roof-home .hdr{min-height:64px;height:64px;padding:3px 10px;gap:6px;border-radius:16px}
 header.hdr-roof-home .logo-img{height:55px!important;max-height:55px;max-width:92.5px}
 header.hdr-roof-home .hdr-right{gap:6px}
 header.hdr-roof-home .rh-header-action{min-height:42px;font-size:14px;padding:10px 12px;gap:7px}
 header.hdr-roof-home .hdr-rappel-cal{display:none}
.roof-header-space{height:76px}}
@media(max-width:380px){header.hdr-roof-home .hdr{padding-left:8px;padding-right:8px;gap:4px}header.hdr-roof-home .rh-header-action{padding-left:10px;padding-right:10px}header.hdr-roof-home .rh-header-action>svg{display:none}}

/* Fond continu autour du hero intérieur, sans bande grise sous la navigation. */
body:has(>header.hdr-roof-home):not(.roof-hero-home){background:#fff}
body:has(>header.hdr-roof-home):not(.roof-hero-home) .vs2-hero.pi-hero{background:transparent!important}


header.hdr-roof-home .rh-header-action{border-color:var(--acc)!important}@media(min-width:1121px){header.site-hdr.hdr-roof-home{max-width:1450px}header.hdr-roof-home .hdr-nav>a,header.hdr-roof-home .hdr-nav .has-drop>a{font-size:18px}}