.elementor-4878 .elementor-element.elementor-element-b15f3fb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-0c878da *//* FOOTER SUNNY HOUSE — reprise du footer de sunny-house.fr (+ "Côté pro" et "Gérer les cookies") */
.shf{position:relative;overflow:hidden;background:#636654;color:#fff;font-family:Nunito,sans-serif;font-size:16px;line-height:24px;padding:64px 0 16px}
.shf *{box-sizing:border-box}
.shf a{color:#fff;text-decoration:none;transition:opacity .15s}
.shf a:hover{opacity:.75}
.shf p{margin:0}
.shf ul{list-style:none;margin:0;padding:0}
.shf-in{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:0 124px}
 
/* Ligne du haut : logo + bouton / réseaux sociaux */
.shf-top{display:flex;justify-content:space-between;align-items:center;gap:24px}
.shf-brand{display:flex;align-items:center;gap:60px}
.shf-logo{display:block;height:143px;padding:20px 0}
.shf-logo img{height:100%;width:auto;display:block;filter:brightness(0) invert(1)}
.shf-social{display:flex;gap:16px}
.shf-social a{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:8px}
.shf-social svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.8}
.shf-social svg .f{fill:#fff;stroke:none}
 
/* Boutons (styles btn-secondary et btn-light-outline du site) */
.shf-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:700;font-size:16px;line-height:24px;position:relative;overflow:hidden;z-index:1;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.shf .shf-btn:hover{opacity:1}
.shf-btn::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;transition:height .2s ease-in-out;z-index:-1}
.shf-btn:hover::after{height:100%}
.shf .shf-btn--sec{background:#B0B48B;color:#283029}
.shf-btn--sec::after{background:#EBEFBE}
.shf-btn--sec svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.shf .shf-btn--outline{border:1px solid #fff;color:#fff;background:transparent}
.shf-btn--outline::after{background:#DADADA}
.shf .shf-btn--outline:hover{color:#283029}
 
/* Colonnes */
.shf-cols{display:flex;gap:200px;margin-top:32px}
.shf-h{font-weight:700;margin-bottom:16px !important}
.shf-col p+p{margin-top:16px}
.shf-col li+li{margin-top:16px}
.shf-rev{margin-top:-48px}
 
/* Bas de page */
.shf-bottom{display:flex;align-items:center;gap:139px;margin-top:56px}
.shf-legal{display:flex;flex-wrap:wrap;gap:8px 48px;font-size:14px;line-height:20px}
.shf-finadorm{height:56px;width:auto}
 
/* Soleil animé (couleurs qui tournent, comme sur le site) */
.shf-sun{position:absolute;right:0;bottom:0;width:300px;height:232px;pointer-events:none}
.shf-sun path{fill:#FFD854;animation:shf-sun 24s ease-in-out infinite}
@keyframes shf-sun{0%,100%{fill:#FFD854}10%{fill:#fc7d3e}20%{fill:#ffc3a6}30%{fill:#aa7158}40%{fill:#db9c7f}50%{fill:#b0b48b}60%{fill:#d6d9be}70%{fill:#4770bc}80%{fill:#98b1dd}90%{fill:#fff}}
@media (prefers-reduced-motion:reduce){.shf-sun path{animation:none}}
 
@media (max-width:1280px){.shf-in{padding:0 48px}.shf-cols{gap:96px}}
@media (max-width:1024px){.shf-cols{gap:48px}.shf-rev{margin-top:40px}}
@media (max-width:767px){
  .shf{padding:64px 0 32px}
  .shf-in{padding:0 24px}
  .shf-top,.shf-brand{flex-direction:column;align-items:flex-start;gap:24px}
  .shf-logo{height:100px}
  .shf-social{order:3}
  .shf-cols{flex-direction:column;gap:32px}
  .shf-rev{margin-top:40px}
  .shf-bottom{flex-direction:column;align-items:flex-start;gap:24px;margin-top:40px}
  .shf-legal{flex-direction:column}
  .shf-sun{width:200px;height:200px;bottom:-32px}
}/* End custom CSS */