/*
Theme Name: Smart Multiservices
Description: Thème du site smart-multiservices.fr (SmartPS Groupe), repris de la maquette V1 du 15/11/2026. Sans extension payante.
Version: 1.4
Text Domain: smart-multiservices
*/
:root{--vert:#3F9B2B;--vert-f:#2C7420;--vert-c:#EAF5E6;--nuit:#16241A;--texte:#4A5550;--fond:#F5F8F4;--orange:#F07B1D;--jaune:#FFF3B0}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;color:var(--texte);line-height:1.65;background:#fff;font-size:16px}
a{color:var(--vert-f);text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.av{color:#3a3000!important;background:var(--jaune);border-bottom:2px dashed #C9A400;padding:0 3px}
.bandeau-maquette{background:#222;color:#ffd84d;font-size:13px;text-align:center;padding:6px}
header{position:sticky;top:0;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.07);z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.marque{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--nuit);font-size:18px;letter-spacing:.3px}
.marque img{height:64px}
.marque small{display:block;font-weight:500;font-size:11px;color:#7a857f;letter-spacing:1px;text-transform:uppercase}
nav a{color:var(--nuit);font-weight:600;font-size:14px;margin:0 11px}
nav a.on{color:var(--vert)}
.cta{background:var(--vert);color:#fff!important;padding:12px 20px;border-radius:8px;font-weight:700;display:inline-block;border:2px solid var(--vert)}
.cta:hover{background:var(--vert-f)}
.cta.alt{background:transparent;border:2px solid #fff}
.cta.ghost{background:#fff;color:var(--vert-f)!important}
.tel{color:var(--nuit);font-weight:700;margin-right:14px}
.hero{color:#fff;padding:76px 0;background:linear-gradient(90deg,rgba(14,30,18,.93) 0%,rgba(14,30,18,.78) 52%,rgba(14,30,18,.25)),var(--img) center/cover}
.hero .wrap{display:grid;grid-template-columns:1.3fr .9fr;gap:48px;align-items:center}
.hero h1{font-size:40px;line-height:1.18;margin-bottom:18px;color:#fff}
.hero p{font-size:18px;color:#dfe9dc;margin-bottom:24px}
.hero .actions a{margin:0 10px 10px 0}
.kicker{color:#8BD36F;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:1.4px;margin-bottom:10px}
section .kicker{color:var(--vert)}
.form{background:#fff;color:var(--texte);border-radius:12px;padding:26px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.form h3{color:var(--nuit);font-size:21px}
.form small{color:#7a857f}
.form .step{font-weight:700;color:var(--nuit);font-size:13px;margin:14px 0 8px;text-transform:uppercase;letter-spacing:.6px}
.chips span{display:inline-block;border:1px solid #cfd8cc;border-radius:20px;padding:5px 11px;font-size:13px;margin:0 6px 6px 0}
.chips span.on{background:var(--vert-c);border-color:var(--vert);color:var(--vert-f);font-weight:600}
.form input,.form textarea{width:100%;border:1px solid #cfd8cc;border-radius:6px;padding:10px;margin-bottom:8px;font:inherit;font-size:14px}
.form .cta{width:100%;text-align:center;margin-top:6px}
.form .rgpd{font-size:11px;color:#8a948e;margin-top:8px;display:block}
.preuves{background:var(--nuit);color:#cfe0c9}
.preuves .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:20px 24px;font-size:13px}
.preuves b{display:block;color:#fff;font-size:16px}
section{padding:72px 0}
section.gris{background:var(--fond)}
h2{color:var(--nuit);font-size:31px;line-height:1.25;margin-bottom:14px}
h3{color:var(--nuit);font-size:19px;margin-bottom:8px}
.lead{font-size:18px;max-width:780px;margin-bottom:34px}
.grille{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grille.g2{grid-template-columns:1fr 1fr}
.grille.g4{grid-template-columns:repeat(4,1fr)}
.carte{background:#fff;border:1px solid #e1e8de;border-radius:12px;padding:24px;transition:.2s}
.carte:hover{box-shadow:0 10px 28px rgba(0,0,0,.08);border-color:var(--vert)}
.carte .ico{width:44px;height:44px;border-radius:10px;background:var(--vert-c);color:var(--vert-f);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px}
.carte a.suite{font-weight:700;font-size:14px;display:inline-block;margin-top:8px}
.carte ul{padding-left:18px;font-size:15px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split img{width:100%;border-radius:14px;box-shadow:0 14px 36px rgba(0,0,0,.14)}
.etapes{counter-reset:e;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.etapes div{background:#fff;border-radius:12px;padding:22px;border-top:4px solid var(--vert)}
.etapes div:before{counter-increment:e;content:counter(e);display:block;font-size:30px;font-weight:800;color:var(--vert);margin-bottom:6px}
.reponse{background:var(--vert-c);border-left:5px solid var(--vert);padding:18px 22px;border-radius:8px;font-size:17px;color:var(--nuit);margin-bottom:28px}
.faq details{background:#fff;border:1px solid #e1e8de;border-radius:10px;padding:16px 20px;margin-bottom:10px}
.faq summary{font-weight:700;color:var(--nuit);cursor:pointer}
.faq details p{margin-top:10px}
.bandeau-cta{background:linear-gradient(90deg,var(--vert-f),var(--vert));color:#fff;padding:52px 0}
.bandeau-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
.bandeau-cta h2{color:#fff;margin:0}
.bandeau-cta p{color:#e3f3dc}
.groupe .carte h3 small{display:block;font-weight:500;color:#7a857f;font-size:13px}
.fil{font-size:13px;color:#cfe0c9;margin-bottom:14px}.fil a{color:#cfe0c9}
footer{background:#0f1a12;color:#a9b8a5;padding:52px 0 24px;font-size:14px}
footer .wrap.cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
footer h4{color:#fff;margin-bottom:12px;font-size:15px}
footer a{color:#a9b8a5;display:block;margin-bottom:6px}
footer .bas{border-top:1px solid #23331f;margin-top:30px;padding-top:18px;font-size:12px;display:flex;justify-content:space-between}
.mobile-bar{display:none}
@media(max-width:860px){
 nav,.tel{display:none}
 .hero .wrap,.split,.grille,.grille.g2,.grille.g4,.etapes,footer .wrap.cols{grid-template-columns:1fr}
 .preuves .wrap{grid-template-columns:1fr 1fr}
 .hero h1{font-size:29px}
 .bandeau-cta .wrap{flex-direction:column;align-items:flex-start}
 .mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20}
 .mobile-bar a{flex:1;text-align:center;padding:15px;font-weight:700;color:#fff;background:var(--nuit)}
 .mobile-bar a+a{background:var(--vert)}
 body{padding-bottom:52px}
}
/* ---- ajouts WordPress ---- */
.bandeau-prev{background:#222;color:#ffd84d;font-size:13px;text-align:center;padding:6px}
nav ul{list-style:none;display:flex;margin:0;padding:0}
nav li{position:relative}
nav li ul{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12);border-radius:8px;padding:8px 0;min-width:240px;flex-direction:column;z-index:30}
nav li:hover>ul{display:flex}
nav li ul a{display:block;padding:7px 16px;margin:0}
nav .current-menu-item>a,nav .current-menu-ancestor>a{color:var(--vert)}
.form .wpcf7-list-item{margin:0}
.form .wpcf7-radio{display:block;margin-bottom:6px}
.form .wpcf7-radio label{display:inline-block;border:1px solid #cfd8cc;border-radius:20px;padding:5px 11px;font-size:13px;margin:0 6px 6px 0;cursor:pointer}
.form .wpcf7-radio input{position:absolute;opacity:0}
.form .wpcf7-radio label:has(input:checked){background:var(--vert-c);border-color:var(--vert);color:var(--vert-f);font-weight:600}
.form input[type=submit]{background:var(--vert);color:#fff;border:0;border-radius:8px;padding:12px;font-weight:700;cursor:pointer;width:100%}
.form p{margin:0}
.wpcf7-not-valid-tip{font-size:12px}
.wpcf7 form .wpcf7-response-output{margin:8px 0 0;font-size:13px}
.texte{max-width:860px}
.texte h2{margin-top:34px}.texte h3{margin-top:22px}
.texte p,.texte ul{margin-bottom:14px}.texte ul{padding-left:22px}
.villes a{display:inline-block;background:#fff;border:1px solid #e1e8de;border-radius:20px;padding:6px 14px;margin:0 8px 8px 0;font-weight:600;font-size:14px}
.villes a:hover{border-color:var(--vert)}
.sans-hero{padding-top:40px}
.page-simple .hero{padding:56px 0}
.page-simple .hero .wrap{grid-template-columns:1fr}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
@media(max-width:860px){nav ul{display:none}}

.villes-pied{list-style:none;display:flex;flex-wrap:wrap;gap:2px 16px;padding:0;margin:0}.villes-pied a{display:inline;margin:0}
/* formulaire dans le bandeau sombre */
.hero .form p,.hero .form label,.hero .form span{color:var(--texte);font-size:14px;margin:0}
.hero .form .step,.form .step{color:var(--nuit)!important;opacity:1}
.form .wpcf7-radio label,.form .wpcf7-list-item-label{color:var(--nuit)!important;font-size:13px}
.form br{display:none}
.form textarea{height:70px}
.form .rgpd,.form .rgpd a{font-size:11px!important;color:#8a948e!important}
footer ul{list-style:none;padding:0;margin:0}footer li{margin:0}
@media(max-width:860px){header .wrap{flex-wrap:wrap;height:auto;padding:8px 16px}header nav{display:block;order:3;width:100%}nav ul{display:flex!important;overflow-x:auto;white-space:nowrap;padding:4px 0 2px}nav a{font-size:13px;margin:0 9px 0 0}nav li ul{display:none!important}.marque img{height:48px}}