.elementor-4875 .elementor-element.elementor-element-8cbc33a{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-903687b *//* HEADER SUNNY HOUSE — reprise du header de sunny-house.fr (+ entrée "Côté pro") */
 
/* Header collant, comme sur le site */
.elementor-location-header{position:sticky;top:0;z-index:40;background:#fff}
 
.shh{font-family:Nunito,sans-serif;background:#fff}
.shh *{box-sizing:border-box}
.shh-bar{max-width:1920px;margin:0 auto;padding:16px 24px;height:122px;display:flex;align-items:center;justify-content:space-between}
.shh-logo{display:block;height:90px;flex-shrink:0}
.shh-logo img{height:100%;width:auto;display:block}
 
/* Menu desktop : Nunito bold 16px, #1E241F, 32px entre les liens, survol #636654 */
.shh-nav{margin-left:auto}
.shh-nav>ul{display:flex;align-items:center;gap:32px;margin:0;padding:0;list-style:none}
.shh-nav li{position:relative;list-style:none}
.shh-nav a{font-weight:700;font-size:16px;line-height:24px;color:#1E241F;text-decoration:none;white-space:nowrap;transition:color .2s}
.shh-nav a:hover,.shh-nav a.is-active{color:#636654}
.shh-pro.is-active{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
 
/* Sous-menu Modèles */
.shh-has-sub{display:flex;align-items:center;gap:4px}
.shh-chev{width:16px;height:16px;fill:none;stroke:#1E241F;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shh-sub{position:absolute;top:100%;left:0;min-width:200px;margin:0;padding:8px 0;list-style:none;background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s;z-index:50}
.shh-has-sub::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px} /* pont pour ne pas perdre le survol */
.shh-has-sub:hover .shh-sub,.shh-has-sub:focus-within .shh-sub{opacity:1;visibility:visible;transform:none}
.shh-sub a{display:block;padding:8px 16px}
.shh-sub a:hover{background:#F3F4F6}
 
/* Bouton Configurez votre projet (secondaire du site : #B0B48B + texte foncé, lisible) */
.shh-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;background:#B0B48B;color:#283029 !important;font-weight:700;font-size:16px;line-height:24px;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.05);position:relative;overflow:hidden;z-index:1}
.shh-cta::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:#EBEFBE;transition:height .2s ease-in-out;z-index:-1}
.shh-cta:hover::after{height:100%}
.shh-cta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
 
/* Burger + panneau mobile */
.shh-burger,.shh-close{display:none;background:none;border:0;padding:8px;cursor:pointer;color:#1E241F}
.shh-burger svg,.shh-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.shh-panel{position:fixed;inset:0;z-index:9999;background:#fff;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
.shh-panel.is-open{transform:none}
.shh-panel-top{display:flex;align-items:center;justify-content:space-between;height:60px;padding:12px 24px}
.shh-panel-top .shh-logo{height:36px}
.shh-close{display:block}
.shh-mnav{list-style:none;margin:0;padding:24px}
.shh-mnav>li{border-bottom:1px solid rgba(0,0,0,.08)}
.shh-mnav a,.shh-mtoggle span{display:block;padding:16px 0;font-size:18px;line-height:28px;font-weight:700;color:#1E241F;text-decoration:none}
.shh-mnav a:hover{color:#636654}
.shh-mtoggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:0;cursor:pointer;font-family:inherit}
.shh-mtoggle span{padding:16px 0}
.shh-mtoggle svg{width:20px;height:20px;fill:none;stroke:#1E241F;stroke-width:2;transition:transform .2s}
.shh-mtoggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.shh-msub{display:none;list-style:none;margin:0;padding:0 0 8px 16px}
.shh-msub.is-open{display:block}
.shh-msub a{font-size:16px;line-height:24px;font-weight:400;color:#666;padding:10px 0}
.shh-cta--m{margin:8px 24px 32px;padding:16px;align-self:flex-start;font-size:18px}
 
/* Le site passe en menu mobile sous 1150px ; avec "Côté pro" en plus, on bascule à 1280px */
@media (max-width:1279px){
  .shh-nav{display:none}
  .shh-burger{display:block}
  .shh-bar{height:84px;padding:12px 24px}
  .shh-logo{height:60px}
}
@media (max-width:767px){.shh-bar{height:84px;padding:12px 16px}}/* End custom CSS */