.c27-main-header .header-skin{
background:rgba(255,255,255,.86) !important;
-webkit-backdrop-filter:saturate(180%) blur(14px);
backdrop-filter:saturate(180%) blur(14px);
border-bottom:1px solid rgba(26,26,26,.07) !important;
box-shadow:0 6px 24px rgba(26,26,26,.05);
} @media (min-width:1201px){
.c27-main-header.header,
.c27-main-header.header.header-scroll{ height:72px; }
.c27-main-header + .c27-top-content-margin{ height:72px; }
.c27-main-header .header-top{ padding:0 24px; }
.c27-main-header .header-container .header-top .logo a img,
.c27-main-header .logo img{ height:34px !important; max-height:34px !important; width:auto; } .c27-main-header .header-left .quick-search-instance{ display:none; }
.c27-main-header .header-right .search-trigger{ display:flex; align-items:center; margin:0 8px 0 0; order:-1; }
.c27-main-header .header-right .search-trigger a{ width:40px; height:40px; border-radius:50%; justify-content:center; color:#1a1a1a; transition:background-color .15s ease; }
.c27-main-header .header-right .search-trigger a:hover{ background:#f3efea; }
.c27-main-header .header-right .search-trigger a i{ padding:0; color:#1a1a1a; font-size:21px; } .c27-main-header .header-center{ min-width:0; margin-left:24px !important; }
.c27-main-header .i-nav > ul.main-menu{ height:72px; align-items:center; }
.c27-main-header .i-nav > ul.main-menu > li{ position:relative; display:flex; align-items:center; height:72px; margin:0 7px !important; padding:0; }
.c27-main-header .i-nav > ul.main-menu > li > a{ position:relative; font-size:13.5px !important; font-weight:500; letter-spacing:0; color:#1a1a1a !important; padding:8px 0; line-height:1.3; transition:color .15s ease; }
.c27-main-header .i-nav > ul.main-menu > li > a:hover,
.c27-main-header .i-nav > ul.main-menu > li:hover > a{ color:#d94901 !important; }
.c27-main-header .i-nav > ul.main-menu > li.current-menu-item > a,
.c27-main-header .i-nav > ul.main-menu > li.current-menu-ancestor > a,
.c27-main-header .i-nav > ul.main-menu > li.current-post-ancestor > a,
.c27-main-header .i-nav > ul.main-menu > li.current-menu-parent > a{ color:#d94901 !important; }
.c27-main-header .i-nav > ul.main-menu > li::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; border-radius:2px; background:#fd5902; transform:scaleX(0); transition:transform .2s ease; }
.c27-main-header .i-nav > ul.main-menu > li:hover::after,
.c27-main-header .i-nav > ul.main-menu > li.current-menu-item::after,
.c27-main-header .i-nav > ul.main-menu > li.current-menu-ancestor::after,
.c27-main-header .i-nav > ul.main-menu > li.current-post-ancestor::after{ transform:scaleX(1); }
.c27-main-header .i-nav > ul.main-menu > li > .submenu-toggle{ margin-left:3px; opacity:.55; }
.c27-main-header .i-nav > ul.main-menu > li > .submenu-toggle i{ font-size:16px; } .c27-main-header .main-nav .i-dropdown{
top:64px; width:268px; padding:8px; border-radius:16px; border:1px solid #efe9e2;
box-shadow:0 22px 50px rgba(26,26,26,.14), 0 2px 6px rgba(26,26,26,.05);
}
.c27-main-header .main-nav .i-dropdown::before{ display:none; }
.c27-main-header .main-nav .i-dropdown .i-dropdown{ left:calc(100% + 6px) !important; top:-9px !important; }
.c27-main-header .main-nav .i-dropdown li a{ margin:0; padding:10px 12px; border-bottom:0; border-radius:10px; font-size:14px; line-height:1.4; color:#1a1a1a; white-space:normal; transition:background-color .15s ease, color .15s ease; }
.c27-main-header .main-nav .i-dropdown li a:hover{ padding-left:12px; background:#fff3e8; color:#d94901; }
.c27-main-header .main-nav .i-dropdown li.menu-item-has-children > a::after{ content:"›"; position:absolute; right:12px; top:50%; transform:translateY(-52%); font-size:18px; color:#b3aaa1; } .c27-main-header .user-profile-dropdown .i-dropdown{
width:250px; padding:8px; border-radius:16px; border:1px solid #efe9e2; background:#fff;
box-shadow:0 22px 50px rgba(26,26,26,.14), 0 2px 6px rgba(26,26,26,.05);
}
.c27-main-header .user-profile-dropdown .i-dropdown::before{ display:none !important; }
.c27-main-header .user-profile-dropdown .i-dropdown li a{
margin:0 !important; padding:10px 12px !important; border-bottom:0 !important; border-radius:10px;
font-size:14px; line-height:1.4; color:#1a1a1a !important; transition:background-color .15s ease, color .15s ease;
}
.c27-main-header .user-profile-dropdown .i-dropdown li a:hover,
.c27-main-header .user-profile-dropdown .i-dropdown li.current-menu-item a{ padding-left:12px !important; background:#fff3e8; color:#d94901 !important; }
.c27-main-header .user-profile-dropdown .i-dropdown > li:last-child{ margin-top:6px; padding-top:6px; border-top:1px solid #f1ece6; }
.c27-main-header .user-profile-dropdown .i-dropdown > li:last-child a{ color:#d94901 !important; font-weight:600; } .c27-main-header .header-right{ gap:0; }
.c27-main-header .user-area{ margin-right:12px; height:auto; font-size:14px; }
.c27-main-header .user-area.signin-area{ box-sizing:border-box; height:40px !important; gap:5px; padding:0 14px; border:1px solid #e3dcd4; border-radius:999px; transition:border-color .15s ease; }
.c27-main-header .user-area.signin-area a{ line-height:1.2; padding:0; }
.c27-main-header .user-area.signin-area:hover{ border-color:#fd5902; }
.c27-main-header .user-area.signin-area > i.user-area-icon{ padding:0 !important; font-size:19px; color:#1a1a1a !important; }
.c27-main-header .user-area.signin-area a{ color:#1a1a1a !important; font-weight:600; }
.c27-main-header .user-area.signin-area a:hover{ color:#d94901 !important; }
.c27-main-header .user-area.signin-area > span{ opacity:.5; }
.c27-main-header .user-area .user-profile-name{ padding:6px 12px 6px 6px; border:1px solid #e3dcd4; border-radius:999px; font-size:14px; font-weight:600; color:#1a1a1a !important; } .c27-main-header .header-button a.buttons{ padding:11px 18px !important; border-radius:12px !important; font-size:14px !important; font-weight:600; line-height:1.2; box-shadow:0 6px 16px rgba(253,89,2,.28); transition:transform .15s ease, box-shadow .15s ease; }
.c27-main-header .header-button a.buttons:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(253,89,2,.36); }
} @media (min-width:1201px) and (max-width:1799px){
.c27-main-header .user-area.signin-area > span,
.c27-main-header .user-area.signin-area > a ~ a{ display:none; }
}
@media (min-width:1201px) and (max-width:1365px){
.c27-main-header .header-button{ display:none; }
}
@media (min-width:1201px) and (max-width:1439px){
.c27-main-header .header-top{ padding:0 18px; }
.c27-main-header .header-center{ margin-left:12px !important; }
.c27-main-header .i-nav > ul.main-menu > li{ margin:0 5px !important; }
}
@media (min-width:1366px) and (max-width:1439px){
.c27-main-header .i-nav > ul.main-menu > li{ margin:0 4px !important; }
.c27-main-header .header-button a.buttons{ padding:10px 14px !important; }
}
@media (min-width:1440px){
.c27-main-header .header-center{ margin-left:16px !important; }
.c27-main-header .i-nav > ul.main-menu > li{ margin:0 7px !important; }
.c27-main-header .i-nav > ul.main-menu > li > a{ font-size:14px !important; }
}
@media (min-width:1600px){
.c27-main-header .header-top{ padding:0 28px; }
.c27-main-header .i-nav > ul.main-menu > li{ margin:0 9px !important; }
.c27-main-header .i-nav > ul.main-menu > li > a{ font-size:14.5px !important; }
}
@media (min-width:1800px){
.c27-main-header .header-center{ margin-left:24px !important; }
.c27-main-header .i-nav > ul.main-menu > li{ margin:0 12px !important; }
.c27-main-header .i-nav > ul.main-menu > li > a{ font-size:15px !important; }
}
@media (min-width:1900px){
.c27-main-header .header-left .quick-search-instance{ display:block; margin-left:18px; }
.c27-main-header .header-right .search-trigger{ display:none; }
.c27-main-header .header-left .header-search{ width:240px; }
.c27-main-header .header-left .header-search input{ height:42px; padding:10px 14px 10px 38px !important; border-radius:999px; background:#f5f2ee; border:1px solid transparent; font-size:14px; }
.c27-main-header .header-left .header-search input:focus{ background:#fff; border-color:#ffd2b3; }
.c27-main-header .header-left .header-search > i.mi.search{ left:13px; top:50%; transform:translateY(-50%); }
} @media (min-width:1201px) and (max-width:1799px){
.c27-main-header .user-area .user-profile-name{ font-size:0 !important; gap:2px; padding:4px 6px 4px 4px !important; }
.c27-main-header .user-area .user-profile-name div.avatar{ margin-right:0 !important; }
.c27-main-header .user-area .user-profile-name .submenu-toggle i{ font-size:20px !important; }
.c27-main-header .user-area .messaging-center{ margin-left:10px; }
} @media (min-width:1201px){
#quicksearch-mobile-modal.show-modal{ display:flex !important; align-items:flex-start; justify-content:center; padding:96px 24px 24px !important; background:rgba(20,16,12,.42); }
#quicksearch-mobile-modal .modal-dialog{ width:100%; max-width:680px; margin:0; position:relative; top:auto; }
#quicksearch-mobile-modal .modal-content{ position:relative; border:0; border-radius:18px; box-shadow:0 30px 80px rgba(0,0,0,.28); padding:8px 62px 8px 12px; overflow:visible; }
#quicksearch-mobile-modal .header-search{ display:block !important; width:100%; float:none; } #quicksearch-mobile-modal .header-search input{ height:54px; font-size:17px; color:#1a1a1a !important; background:transparent !important; border:0 !important; padding:0 0 0 34px !important; }
#quicksearch-mobile-modal .header-search input::placeholder{ color:#8a8178 !important; }
#quicksearch-mobile-modal .header-search > i.mi.search{ color:#d94901 !important; top:50%; transform:translateY(-50%); }
#quicksearch-mobile-modal button.close{ position:absolute; z-index:5; right:14px; top:50% !important; transform:translateY(-50%); width:36px; height:36px; margin:0; padding:0; border-radius:50%; border:1px solid rgba(0,0,0,.12); background:#fff; opacity:1; display:flex; align-items:center; justify-content:center; }
#quicksearch-mobile-modal button.close span{ font-size:22px; line-height:1; color:#5c5c5c; }
#quicksearch-mobile-modal .instant-results{ top:calc(100% + 14px); left:-12px; right:-62px; width:auto; border-radius:16px; overflow:hidden; box-shadow:0 22px 50px rgba(0,0,0,.18); }
} @media (max-width:1200px){
.c27-main-header .i-nav .mobile-nav-button a,
.c27-main-header .i-nav .pvse-mobile-devis-cta a{ display:flex !important; align-items:center; justify-content:center; width:auto !important; margin:0 16px; height:50px; border-radius:12px; font-weight:700; text-align:center; }
.c27-main-header .i-nav .mobile-nav-button{ margin-top:16px; }
}#c27-explore-listings{
--pe-orange:#fd5902;
--pe-orange-dark:#d94901;
--pe-orange-soft:#fff3e8;
--pe-ink:#1a1a1a;
--pe-gray:#5c5c5c;
--pe-line:#ece7e1;
--pe-bg:#faf8f6;
font-family:'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
} #c27-explore-listings .finder-search{ background:#fff; border-right:1px solid var(--pe-line); }
#c27-explore-listings .finder-search .finder-tabs{ padding-top:8px; }
#c27-explore-listings .search-filters .md-group input,
#c27-explore-listings .search-filters .md-group select{ font-family:inherit; font-size:15px; color:var(--pe-ink); }
#c27-explore-listings .search-filters .md-group input:focus{ border-bottom-color:var(--pe-orange) !important; }
#c27-explore-listings .search-filters label{ font-family:inherit; color:var(--pe-gray); }
#c27-explore-listings .search-filters .buttons,
#c27-explore-listings .search-filters button.buttons{ border-radius:12px !important; font-weight:700 !important; box-shadow:0 8px 20px rgba(253,89,2,.25); transition:transform .15s ease, box-shadow .15s ease; }
#c27-explore-listings .search-filters .buttons:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(253,89,2,.34); }  #c27-explore-listings .finder-listings{ background:#f3efea; }
#c27-explore-listings .fl-head{ padding:6px 0 4px; }
#c27-explore-listings .fl-results-no{ font-size:13.5px; color:var(--pe-gray); }
#c27-explore-listings .fl-results-no strong,
#c27-explore-listings .fl-results-no b{ color:var(--pe-ink); }
#c27-explore-listings .results-view .lf-item-container{
border-radius:16px; overflow:hidden; background:#fff;
box-shadow:0 1px 2px rgba(26,26,26,.05), 0 8px 22px rgba(26,26,26,.07);
transition:transform .18s ease, box-shadow .18s ease;
}
#c27-explore-listings .results-view .lf-item-container:hover{ transform:translateY(-3px); box-shadow:0 2px 4px rgba(26,26,26,.06), 0 18px 36px rgba(26,26,26,.13); }
#c27-explore-listings .results-view .lf-item-container .lf-item{ border-radius:16px 16px 0 0; overflow:hidden; }
#c27-explore-listings .results-view .listing-details.c27-footer-section{ border-top:1px solid #f1ece6; } #c27-explore-listings .c27-explore-pagination a,
#c27-explore-listings .c27-explore-pagination span{ border-radius:10px !important; }
#c27-explore-listings .c27-explore-pagination .current,
#c27-explore-listings .c27-explore-pagination a:hover{ background:var(--pe-orange) !important; color:#fff !important; border-color:var(--pe-orange) !important; } #c27-explore-listings .mapdrag-switch{ border-radius:12px; box-shadow:0 8px 22px rgba(26,26,26,.14); border:0; } .elementor-section:has(#c27-explore-listings) ~ .elementor-section{ background:#fff; font-family:'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section > .elementor-container{ max-width:880px; padding:0 24px; }
.elementor-section:has(#c27-explore-listings) + .elementor-section{ padding-top:56px; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section h1,
.elementor-section:has(#c27-explore-listings) ~ .elementor-section h1.elementor-heading-title{ font-family:inherit; font-size:clamp(28px,3.4vw,40px) !important; line-height:1.15 !important; font-weight:700 !important; letter-spacing:-.015em; color:#1a1a1a !important; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor h2{ font-family:inherit; font-size:clamp(23px,2.6vw,29px); line-height:1.25; font-weight:700; letter-spacing:-.01em; color:#1a1a1a; margin:1.6em 0 .55em; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor h3{ font-family:inherit; font-size:20px; line-height:1.35; font-weight:700; color:#1a1a1a; margin:1.4em 0 .45em; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor h2:first-child{ margin-top:0; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor,
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor p{ font-family:inherit; font-size:17px; line-height:1.72; color:#2b2b2b; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor p{ margin:0 0 1.1em; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor a{ color:#d94901; text-decoration:underline; text-underline-offset:3px; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor strong{ color:#1a1a1a; } @media (max-width:767px){
.elementor-section:has(#c27-explore-listings) ~ .elementor-section > .elementor-container{ padding:0 16px; }
.elementor-section:has(#c27-explore-listings) + .elementor-section{ padding-top:36px; }
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor,
.elementor-section:has(#c27-explore-listings) ~ .elementor-section .elementor-widget-text-editor p{ font-size:16px; }
}
@media (max-width:1200px){
#c27-explore-listings .results-view .lf-item-container{ border-radius:14px; }
#c27-explore-listings .results-view .lf-item-container .lf-item{ border-radius:14px 14px 0 0; }
}
@media (prefers-reduced-motion:reduce){
#c27-explore-listings *{ transition:none !important; }
} #c27-explore-listings .fc-search .pvse-explore-devis{
display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin:12px 0 4px;
padding:13px 16px; border-radius:12px; background:#fff3e8; border:1.5px solid #ffc9a3;
color:#c2410c !important; font-weight:700; font-size:14.5px; line-height:1.2; text-decoration:none !important;
transition:background-color .15s ease, border-color .15s ease, transform .15s ease;
}
#c27-explore-listings .fc-search .pvse-explore-devis:hover{ background:#ffe8d6; border-color:#ff9a5c; transform:translateY(-1px); }
#c27-explore-listings .fc-search .pvse-explore-devis i{ font-size:19px; color:#fd5902; } @media only screen and (max-width:1200px){
#c27-explore-listings .form-group.fc-search:has(.pvse-explore-devis){ flex-wrap:wrap; } #c27-explore-listings .fc-search:has(.pvse-explore-devis) .c27-explore-search-button{ flex:1 1 0%; }
#c27-explore-listings .fc-search .pvse-explore-devis{ order:10; flex:0 0 100%; margin:12px 0 0; }
}footer.footer .footer-bottom{ display:none !important; }
footer.footer{ background:#fff !important; padding:28px 0 20px !important; }
footer.footer:not(:has(ins.adsbygoogle)){ display:none !important; } .pa-pied{
--pp-orange:#fd5902;
--pp-orange-clair:#ff9a57;
background:#16120e;
color:rgba(255,255,255,.72);
font-family:'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
position:relative;
overflow:hidden;
}
.pa-pied::before{
content:""; position:absolute; width:620px; height:620px; left:-220px; top:-320px; pointer-events:none;
background:radial-gradient(circle, rgba(253,89,2,.20) 0%, rgba(253,89,2,0) 65%);
}
.pa-pied *{ box-sizing:border-box; }
.pa-pied a{ text-decoration:none; }
.pa-pied-large{ position:relative; max-width:1200px; margin:0 auto; padding:64px 24px 0; }
.pa-pied-grille{ display:grid; grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr)); gap:40px 32px; padding-bottom:48px; } .pa-pied-logo{ display:inline-flex; align-items:center; gap:10px; color:#fff !important; font-size:19px; font-weight:800; letter-spacing:.01em; }
.pa-pied-logo svg{ color:var(--pp-orange); }
.pa-pied-logo em{ font-style:normal; color:var(--pp-orange); font-weight:800; }
.pa-pied-marque p{ margin:16px 0 22px; font-size:14.5px; line-height:1.65; color:rgba(255,255,255,.66); max-width:340px; }
.pa-pied-devis{
display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border-radius:12px;
background:var(--pp-orange); color:#fff !important; font-weight:700; font-size:14.5px;
box-shadow:0 10px 24px rgba(253,89,2,.3); transition:transform .15s ease, background-color .15s ease;
}
.pa-pied-devis:hover{ background:#d94901; transform:translateY(-1px); } .pa-pied-titre{ margin:4px 0 16px; color:#fff; font-size:14px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.pa-pied-col ul{ list-style:none; margin:0; padding:0; }
.pa-pied-col li{ margin:0 0 11px; }
.pa-pied-col a{ color:rgba(255,255,255,.68) !important; font-size:14.5px; line-height:1.45; transition:color .15s ease; }
.pa-pied-col a:hover{ color:var(--pp-orange-clair) !important; } .pa-pied-bas{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; padding:22px 0 26px; border-top:1px solid rgba(255,255,255,.1); font-size:13.5px; }
.pa-pied-copy{ margin:0; color:rgba(255,255,255,.55); }
.pa-pied-copy a{ color:rgba(255,255,255,.75) !important; font-weight:600; }
.pa-pied-legal{ display:flex; flex-wrap:wrap; gap:6px 20px; list-style:none; margin:0; padding:0; }
.pa-pied-legal a{ color:rgba(255,255,255,.55) !important; }
.pa-pied-legal a:hover{ color:#fff !important; }
.pa-pied-social{ margin-left:auto; display:flex; align-items:center; flex-wrap:wrap; gap:14px; } .pa-pied-social p{ display:flex; align-items:center; gap:12px; margin:0; } .pa-pied-social a[href*="linkedin"]{
display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%;
background:rgba(255,255,255,.08); color:#fff !important; font-size:16px; transition:background-color .15s ease;
}
.pa-pied-social a[href*="linkedin"]:hover{ background:#0a66c2; } .pa-pied-social a[href*="fonixia"]{
margin-left:0 !important; padding:6px 12px !important; font-size:11.5px !important; font-weight:600 !important;
color:rgba(255,255,255,.75) !important; background:rgba(255,255,255,.06) !important;
border:1px solid rgba(255,255,255,.14) !important; border-radius:999px !important;
}
.pa-pied-social a[href*="fonixia"]:hover{ background:#2ecc71 !important; border-color:#2ecc71 !important; color:#fff !important; } @media (max-width:1100px){
.pa-pied-grille{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.pa-pied-marque{ grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; }
.pa-pied-marque p{ margin:0; flex:1 1 360px; max-width:none; }
}
@media (max-width:767px){
footer.footer{ padding:18px 0 12px !important; }
.pa-pied-large{ padding:44px 18px 0; }
.pa-pied-grille{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; padding-bottom:36px; }
.pa-pied-marque{ display:block; }
.pa-pied-marque p{ margin:14px 0 18px; }
.pa-pied-devis{ width:100%; justify-content:center; }
.pa-pied-col a{ font-size:14px; }
.pa-pied-bas{ flex-direction:column; align-items:flex-start; gap:14px; }
.pa-pied-social{ margin-left:0; }
}
@media (prefers-reduced-motion:reduce){
.pa-pied *{ transition:none !important; }
}.tunnel-solaire-wrapper{
--tu-orange:#fd5902; --tu-orange-dark:#d94901; --tu-orange-soft:#fff3e8; --tu-orange-line:#ffd2b3;
--tu-ink:#1a1a1a; --tu-text:#334155; --tu-gray:#64748b; --tu-line:#e7e0d8;
max-width:none !important; width:100% !important;
font-family:'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
} .pvse-devis .pvse-form-card{ max-width:1040px !important; padding:38px 44px !important; }
#demande-de-devis .tunnel-solaire-wrapper{ max-width:none !important; } .tunnel-solaire-wrapper .progress-container{ margin:6px 0 30px !important; padding:16px 18px; background:#faf6f2; border-radius:16px; }
.tunnel-solaire-wrapper .progress-text{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px !important; font-size:12.5px !important; color:var(--tu-gray) !important; letter-spacing:.06em; }
.tunnel-solaire-wrapper .progress-text span{ display:inline-block; min-width:44px; text-align:center; padding:3px 10px; border-radius:999px; background:var(--tu-orange) !important; color:#fff !important; font-size:12.5px; }
.tunnel-solaire-wrapper .form-progress-bar{ height:10px !important; background:#ece4dc !important; border-radius:999px !important; }
.tunnel-solaire-wrapper .progress-fill{
background:linear-gradient(90deg,#fd5902 0%,#ff9d4d 100%) !important; border-radius:999px;
box-shadow:0 2px 8px rgba(253,89,2,.35); transition:width .45s cubic-bezier(.4,0,.2,1) !important;
} .tunnel-solaire-wrapper .step-title h2,
.tunnel-solaire-wrapper .step-title h3{ font-family:inherit; font-size:clamp(21px,2.3vw,26px) !important; color:var(--tu-ink) !important; letter-spacing:-.01em; margin-bottom:16px !important; } .tunnel-solaire-wrapper .tunnel-reassurance{ margin:8px 0 30px !important; word-spacing:1px; }
.tunnel-solaire-wrapper .tunnel-reassurance .sep{ display:inline-block; margin:0 10px; color:#86c79b; }
@media (max-width:767px){ .tunnel-solaire-wrapper .progress-container + .tunnel-reassurance{ margin-top:-10px !important; } }  @media (max-width:767px){
html body .tunnel-solaire-wrapper input[type="text"], html body .tunnel-solaire-wrapper input[type="email"],
html body .tunnel-solaire-wrapper input[type="tel"], html body .tunnel-solaire-wrapper input[type="number"],
html body .tunnel-solaire-wrapper input[type="search"], html body .tunnel-solaire-wrapper textarea,
html body .tunnel-solaire-wrapper select{ font-size:16px !important; }
} .tunnel-solaire-wrapper .pvse-adresse-pourquoi{ margin:-10px 0 18px !important; font-size:14px; color:#64748b; line-height:1.5; }
.tunnel-solaire-wrapper .form-step .step-title{ margin-top:10px !important; }
.tunnel-solaire-wrapper .step-title h2,
.tunnel-solaire-wrapper .step-title h3{ margin-bottom:22px !important; }
.tunnel-solaire-wrapper .form-step .input-block label strong{ font-size:17px !important; color:var(--tu-ink) !important; margin-bottom:12px !important; }
.tunnel-solaire-wrapper .form-step label{ color:var(--tu-text) !important; }
.tunnel-solaire-wrapper .form-step > .step-subtitle:first-child{ border-radius:14px !important; } .tunnel-solaire-wrapper .tuiles-options{ gap:14px !important; }
.tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item-label{
min-height:128px !important; padding:16px 12px !important; gap:2px;
background:#fff !important; border:2px solid var(--tu-line) !important; border-radius:18px !important;
font-size:15px !important; font-weight:600 !important; color:var(--tu-ink) !important; text-align:center; line-height:1.3 !important;
box-shadow:0 1px 2px rgba(26,26,26,.04), 0 6px 16px rgba(26,26,26,.05) !important;
transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease, background-color .15s ease !important;
} .tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item-label::before{
width:54px; height:54px; border-radius:50%; display:flex !important; align-items:center; justify-content:center;
background:var(--tu-orange-soft); color:var(--tu-orange-dark) !important; font-size:28px !important; margin:0 0 10px !important;
transition:background-color .15s ease, color .15s ease !important;
}
.tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item:hover .wpcf7-list-item-label{
border-color:#ffb98a !important; background:#fffaf6 !important; transform:translateY(-2px);
box-shadow:0 2px 4px rgba(26,26,26,.05), 0 14px 28px rgba(253,89,2,.12) !important;
} html body .tunnel-solaire-wrapper .tuiles-options input[type="radio"]:checked + .wpcf7-list-item-label,
html body .tunnel-solaire-wrapper .tuiles-options input[type="checkbox"]:checked + .wpcf7-list-item-label{ background:linear-gradient(135deg,#fff1e6 0%,#ffe4d1 100%) !important; border-color:#ff9a5c !important;
color:#a8430c !important; box-shadow:0 10px 24px rgba(253,89,2,.14) !important; transform:translateY(-2px);
}
html body .tunnel-solaire-wrapper .tuiles-options input[type="radio"]:checked + .wpcf7-list-item-label::before,
html body .tunnel-solaire-wrapper .tuiles-options input[type="checkbox"]:checked + .wpcf7-list-item-label::before,
html body .tunnel-solaire-wrapper .op-couverture .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label::before{
background:#ff8a4c; color:#fff !important;
} .tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item{ position:relative; }
.tunnel-solaire-wrapper .tuiles-options input:checked ~ .wpcf7-list-item-label{ position:relative; }
.tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item:has(input:checked)::after{
content:""; position:absolute; top:10px; right:10px; z-index:3; width:24px; height:24px; border-radius:50%; pointer-events:none;
background:#ff8a4c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center no-repeat;
box-shadow:0 2px 6px rgba(217,73,1,.25);
} .tunnel-solaire-wrapper .op-logement .wpcf7-list-item-label::after{ border-radius:999px !important; padding:3px 9px !important; }
html body .tunnel-solaire-wrapper .op-logement input[type="radio"]:checked + .wpcf7-list-item-label::after{ background:#ffd2b3 !important; color:#a8430c !important; } .tunnel-solaire-wrapper .form-input{
border:2px solid var(--tu-line) !important; border-radius:14px !important; background:#fff !important;
font-family:inherit; color:var(--tu-ink);
transition:border-color .15s ease, box-shadow .15s ease;
}
.tunnel-solaire-wrapper .form-input:focus{ border-color:var(--tu-orange) !important; box-shadow:0 0 0 4px rgba(253,89,2,.14) !important; }
.tunnel-solaire-wrapper textarea.form-input{ height:auto !important; min-height:110px; } .tunnel-solaire-wrapper .pvse-solar-card{ border-radius:20px !important; } .tunnel-solaire-wrapper .custom-form-navigation{ border-top:1px solid #f1ebe4 !important; padding-top:24px !important; margin-top:28px !important; gap:12px; }
.tunnel-solaire-wrapper .btn-nav-step{
border-radius:14px !important; padding:15px 30px !important; font-size:16px !important; font-family:inherit;
display:inline-flex; align-items:center; gap:8px; line-height:1.2;
}
.tunnel-solaire-wrapper .btn-next-step{
margin-left:auto; background:linear-gradient(135deg,#fd5902 0%,#ff7a29 100%) !important; border:0 !important; color:#fff !important;
box-shadow:0 12px 26px rgba(253,89,2,.32) !important;
}
.tunnel-solaire-wrapper .btn-next-step:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(253,89,2,.42) !important; }
.tunnel-solaire-wrapper .btn-prev-step{ background:#fff !important; border:2px solid var(--tu-line) !important; color:var(--tu-text) !important; }
.tunnel-solaire-wrapper .btn-prev-step:hover{ border-color:var(--tu-orange) !important; color:var(--tu-orange-dark) !important; } .tunnel-solaire-wrapper .verify-sms-btn-custom,
.tunnel-solaire-wrapper .wpcf7-submit{ border-radius:14px !important; padding:17px !important; font-size:17px !important; } @media (max-width:767px){
.pvse-devis .pvse-form-card{ padding:22px 14px !important; }
.tunnel-solaire-wrapper .progress-container{ padding:12px 14px; margin-bottom:22px !important; } .tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item-label{ min-height:72px !important; padding:12px 14px !important; text-align:left; }
.tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item-label::before{ width:44px; height:44px; font-size:24px !important; margin:0 14px 0 0 !important; flex:none; }
.tunnel-solaire-wrapper .op-logement .wpcf7-list-item-label::before{ margin:0 0 6px !important; }
.tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item:has(input:checked)::after{ top:50%; transform:translateY(-50%); right:14px; }
.tunnel-solaire-wrapper .btn-nav-step{ padding:14px 20px !important; font-size:15px !important; }
}
@media (prefers-reduced-motion:reduce){
.tunnel-solaire-wrapper *{ transition:none !important; }
} .tunnel-solaire-wrapper .op-equipements .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before{ content:"thermostat" !important; } .tunnel-solaire-wrapper .pvse-solar-visuel{ text-align:center; }
.tunnel-solaire-wrapper .pvse-solar-visuel img{ max-width:460px; margin:0 auto; border-radius:14px !important; }
.tunnel-solaire-wrapper .pvse-solar-visuel .pvse-solar-legende{ max-width:460px; margin-left:auto !important; margin-right:auto !important; text-align:center; }
@media (max-width:767px){
.tunnel-solaire-wrapper .pvse-solar-visuel img,
.tunnel-solaire-wrapper .pvse-solar-visuel .pvse-solar-legende{ max-width:100%; }
} html body .tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item .wpcf7-list-item-label::before{
display:flex !important; align-items:center !important; justify-content:center !important;
line-height:1 !important; text-align:center !important; padding:0 !important; box-sizing:border-box;
color:var(--tu-orange-dark) !important; }
@media (max-width:767px){
html body .tunnel-solaire-wrapper .tuiles-options .wpcf7-list-item .wpcf7-list-item-label::before{ font-size:24px !important; }
} .tunnel-solaire-wrapper .cloudflare-wrapper{
display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px 24px;
margin:24px 0 14px !important; padding:16px 18px; border-radius:18px;
background:linear-gradient(135deg,#fff7f0 0%,#fffbf8 100%); border:1px solid #ffe2cc;
}
.tunnel-solaire-wrapper .pa-ts-intro{ display:flex; align-items:center; gap:14px; flex:1 1 260px; min-width:0; }
.tunnel-solaire-wrapper .pa-ts-ico{
flex:none; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center;
background:#fff; border:1px solid #ffd2b3; color:#d94901; box-shadow:0 4px 12px rgba(217,73,1,.08);
}
.tunnel-solaire-wrapper .pa-ts-intro strong{ display:block; font-size:15.5px; color:#1a1a1a; line-height:1.3; }
.tunnel-solaire-wrapper .pa-ts-intro div span{ display:block; font-size:13.5px; color:#6b5f55; line-height:1.45; margin-top:2px; }
.tunnel-solaire-wrapper .cloudflare-wrapper .cf-turnstile{ flex:none; min-height:65px; }
.tunnel-solaire-wrapper .cloudflare-wrapper .cf-turnstile iframe{ border-radius:10px; }
@media (max-width:767px){
.tunnel-solaire-wrapper .cloudflare-wrapper{ padding:14px; justify-content:center; }
.tunnel-solaire-wrapper .cloudflare-wrapper .cf-turnstile{ margin:0 auto; }
}:root { --accent: #ff5900; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 89, 0, 1), -10px 10px rgba(255, 89, 0, 0.2), -10px -10px rgba(255, 89, 0, 1), 10px -10px rgba(255, 89, 0, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 89, 0, 0.2), -10px -10px rgba(255, 89, 0, 1), 10px -10px rgba(255, 89, 0, 0.2), 10px 10px rgba(255, 89, 0, 1); } 50% { box-shadow: -10px -10px rgba(255, 89, 0, 1), 10px -10px rgba(255, 89, 0, 0.2), 10px 10px rgba(255, 89, 0, 1), -10px 10px rgba(255, 89, 0, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 89, 0, 0.2), 10px 10px rgba(255, 89, 0, 1), -10px 10px rgba(255, 89, 0, 0.2), -10px -10px rgba(255, 89, 0, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f9f9f9 }