.rnov-page{ --vert:#2b7a3c; --vert-fonce:#1a4a29; --vert-clair:#e7f2e6; --olive:#5f9a2f; --sable:#e9dfcd; --kraft:#c8b393; --fond:#faf8f3; --blanc:#ffffff; --anthracite:#26292b; --gris:#5f6a63; --gris-clair:#e4e2db; --terracotta:#e2661f; --terracotta-fonce:#c45314; --r:14px; --r-sm:10px; --r-pill:999px; --ombre:0 2px 8px rgba(26,74,41,.06); --ombre-md:0 10px 30px rgba(26,74,41,.10); --ombre-lg:0 22px 50px rgba(26,74,41,.14); --ct:1240px; font-family:'Inter',system-ui,sans-serif; color:var(--anthracite)!important; background:var(--fond); line-height:1.6; -webkit-font-smoothing:antialiased; } .rnov-page *,.rnov-page *::before,.rnov-page *::after{box-sizing:border-box;} .rnov-page img{max-width:100%;display:block;} .rnov-page h1,.rnov-page h2,.rnov-page h3,.rnov-page h4{font-family:'Manrope',system-ui,sans-serif!important;color:var(--vert-fonce)!important;margin:0;line-height:1.15!important;letter-spacing:-.02em!important;text-wrap:balance;} .rnov-page p{margin:0;text-wrap:pretty;} .rnov-page ul{margin:0;padding:0;list-style:none;} .rnov-page a{color:var(--vert)!important;text-decoration:none!important;transition:color .18s ease;} .rnov-page a:hover{color:var(--terracotta)!important;} .rnov-page button{font:inherit;cursor:pointer;border:0;background:none;} .rnov-page .ct{width:100%;max-width:var(--ct);margin:0 auto;padding:0 20px;} .rnov-page .sec{padding:64px 0;} .rnov-page .sec-sable{background:var(--sable);} .rnov-page .sec-blanc{background:var(--blanc);} /* Titres de section */ .rnov-page .kicker{font-family:'Manrope',sans-serif;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--olive)!important;margin-bottom:10px;} .rnov-page .sec-head{max-width:660px;margin-bottom:36px;} .rnov-page .sec-head h2{font-size:clamp(26px,3.4vw,40px)!important;font-weight:800!important;} .rnov-page .sec-head p{margin-top:12px;color:var(--gris)!important;font-size:16px;} .rnov-page .sec-head-row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;justify-content:space-between;margin-bottom:36px;} .rnov-page .sec-head-row .sec-head{margin-bottom:0;} /* Boutons */ .rnov-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;border-radius:var(--r-pill);font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;letter-spacing:.01em;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;} .rnov-page .btn svg{width:18px;height:18px;flex:none;} .rnov-page .btn-primary{background:var(--terracotta);color:#fff!important;box-shadow:0 8px 20px rgba(226,102,31,.28);} .rnov-page .btn-primary:hover{background:var(--terracotta-fonce);color:#fff!important;transform:translateY(-2px);} .rnov-page .btn-vert{background:var(--vert);color:#fff!important;} .rnov-page .btn-vert:hover{background:var(--vert-fonce);color:#fff!important;transform:translateY(-2px);} .rnov-page .btn-outline{border:1.5px solid var(--vert);color:var(--vert)!important;background:transparent;} .rnov-page .btn-outline:hover{background:var(--vert);color:#fff!important;} .rnov-page .btn-blanc{background:#fff;color:var(--vert-fonce)!important;} .rnov-page .btn-blanc:hover{background:var(--sable);color:var(--vert-fonce)!important;transform:translateY(-2px);} .rnov-page .btn-ghost-blanc{border:1.5px solid rgba(255,255,255,.55);color:#fff!important;} .rnov-page .btn-ghost-blanc:hover{background:rgba(255,255,255,.14);color:#fff!important;border-color:#fff;} .rnov-page .btn-sm{padding:10px 18px;font-size:14px;} .rnov-page .btn-block{width:100%;} /* Badges */ .rnov-page .badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-pill);font-family:'Manrope',sans-serif;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;} .rnov-page .badge svg{width:13px;height:13px;} .rnov-page .badge-eco{background:var(--vert-clair);color:var(--vert)!important;} .rnov-page .badge-mif{background:#fff1ec;color:var(--terracotta-fonce)!important;} .rnov-page .badge-pro{background:var(--vert);color:#fff!important;} .rnov-page .badge-stock{background:#eef4ea;color:var(--olive)!important;} .rnov-page .badge-kraft{background:var(--sable);color:var(--vert-fonce)!important;} /* Barre d'annonce */ .rnov-page .annonce{background:var(--vert-fonce);color:#eef3ee!important;font-size:13.5px;} .rnov-page .annonce .ct{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:center;justify-content:center;padding-top:10px;padding-bottom:10px;text-align:center;} .rnov-page .annonce span{display:inline-flex;align-items:center;gap:7px;} .rnov-page .annonce svg{width:15px;height:15px;opacity:.85;} .rnov-page .annonce a{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px;} .rnov-page .annonce a:hover{color:var(--kraft)!important;} /* Header */ .rnov-page .hdr{position:sticky;top:0;z-index:40;background:rgba(250,248,243,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--gris-clair);} .rnov-page .hdr .ct{display:flex;align-items:center;gap:18px;padding-top:14px;padding-bottom:14px;} .rnov-page .logo{display:flex;align-items:center;gap:11px;margin-right:auto;} .rnov-page .logo img{height:56px;width:auto;} .rnov-page .logo-txt{display:none;} .rnov-page .ftr .logo img{height:64px;background:#fff;padding:6px 10px;border-radius:var(--r-sm);} .rnov-page .nav{display:flex;align-items:center;gap:30px;} .rnov-page .nav a{font-family:'Manrope',sans-serif;font-weight:600;font-size:15px;color:var(--anthracite)!important;position:relative;padding:4px 0;} .rnov-page .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--terracotta);transition:right .22s ease;} .rnov-page .nav a:hover{color:var(--vert)!important;} .rnov-page .nav a:hover::after,.rnov-page .nav a.actif::after{right:0;} .rnov-page .nav a.actif{color:var(--vert)!important;} .rnov-page .hdr-act{display:flex;align-items:center;gap:12px;} .rnov-page .panier{position:relative;width:44px;height:44px;border-radius:var(--r-pill);border:1.5px solid var(--gris-clair);display:grid;place-items:center;background:#fff;transition:border-color .18s ease,background .18s ease;} .rnov-page .panier:hover{border-color:var(--vert);background:var(--vert-clair);} .rnov-page .panier svg{width:20px;height:20px;stroke:var(--vert-fonce);} .rnov-page .panier b{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:var(--r-pill);background:var(--terracotta);color:#fff!important;font-size:11px;font-weight:700;display:grid;place-items:center;font-family:'Manrope',sans-serif;} .rnov-page .burger{display:none;width:44px;height:44px;border-radius:var(--r-pill);border:1.5px solid var(--gris-clair);background:#fff;place-items:center;} .rnov-page .burger svg{width:20px;height:20px;stroke:var(--vert-fonce);} .rnov-page .nav-mob{display:none;border-top:1px solid var(--gris-clair);background:var(--blanc);} .rnov-page .nav-mob.ouvert{display:block;} .rnov-page .nav-mob a{display:block;padding:14px 20px;border-bottom:1px solid var(--gris-clair);font-family:'Manrope',sans-serif;font-weight:600;} /* Réassurance */ .rnov-page .reass{background:var(--blanc);border-bottom:1px solid var(--gris-clair);} .rnov-page .reass-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:26px 0;} .rnov-page .reass-it{display:flex;gap:13px;align-items:flex-start;} .rnov-page .reass-it svg{width:26px;height:26px;stroke:var(--olive);flex:none;stroke-width:1.5;} .rnov-page .reass-it strong{display:block;font-family:'Manrope',sans-serif;font-size:15px;color:var(--vert-fonce)!important;} .rnov-page .reass-it span{font-size:13.5px;color:var(--gris)!important;} /* Fil d'ariane */ .rnov-page .ariane{padding:18px 0;font-size:13.5px;color:var(--gris)!important;} .rnov-page .ariane ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;} .rnov-page .ariane li{display:flex;gap:8px;align-items:center;} .rnov-page .ariane li+li::before{content:"›";color:var(--kraft)!important;} /* Cartes produit */ .rnov-page .grille-prod{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;} .rnov-page .prod{background:#fff;border:1px solid var(--gris-clair);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;} .rnov-page .prod:hover{transform:translateY(-4px);box-shadow:var(--ombre-md);border-color:var(--kraft);} .rnov-page .prod-img{position:relative;aspect-ratio:4/3;background:var(--sable);overflow:hidden;} .rnov-page .prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;} .rnov-page .prod:hover .prod-img img{transform:scale(1.05);} .rnov-page .prod-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;} .rnov-page .prod-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1;} .rnov-page .prod-meta{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;font-family:'Manrope',sans-serif;} .rnov-page .prod-meta .marque{color:var(--vert)!important;} .rnov-page .prod-meta .ref{color:var(--gris)!important;font-weight:500;letter-spacing:.03em;} .rnov-page .prod h3{font-size:16.5px!important;font-weight:700!important;line-height:1.3!important;} .rnov-page .prod .desc{font-size:13.5px;color:var(--gris)!important;} .rnov-page .prix{margin-top:auto;padding-top:10px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;} .rnov-page .prix b{font-family:'Manrope',sans-serif;font-size:22px;font-weight:800;color:var(--vert-fonce)!important;} .rnov-page .prix small{font-size:12.5px;color:var(--gris)!important;} .rnov-page .prix .ht{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--olive)!important;font-weight:700;} /* Catégories */ .rnov-page .grille-cat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .rnov-page .cat{position:relative;border-radius:var(--r);overflow:hidden;min-height:220px;display:flex;align-items:flex-end;color:#fff!important;isolation:isolate;} .rnov-page .cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s ease;} .rnov-page .cat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(26,74,41,.88),rgba(26,74,41,.15));} .rnov-page .cat:hover img{transform:scale(1.06);} .rnov-page .cat-in{padding:20px;width:100%;} .rnov-page .cat h2,.rnov-page .cat h3{color:#fff!important;font-size:20px!important;font-weight:800!important;} .rnov-page .cat p{font-size:13.5px;color:rgba(255,255,255,.82)!important;margin-top:4px;} .rnov-page .cat .fleche{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-family:'Manrope',sans-serif;font-weight:700;font-size:13.5px;color:#fff!important;} .rnov-page .cat .fleche svg{width:16px;height:16px;transition:transform .2s ease;} .rnov-page .cat:hover .fleche svg{transform:translateX(4px);} /* Bloc PRO */ .rnov-page .pro{background:var(--vert-fonce);color:#e9efe9!important;border-radius:var(--r);overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;} .rnov-page .pro-txt{padding:48px;} .rnov-page .pro h2{color:#fff!important;font-size:clamp(24px,3vw,36px)!important;font-weight:800!important;} .rnov-page .pro p{margin-top:14px;color:rgba(233,239,233,.78)!important;font-size:15.5px;max-width:52ch;} .rnov-page .pro-paliers{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 28px;} .rnov-page .palier{border:1px solid rgba(255,255,255,.2);border-radius:var(--r-sm);padding:14px 18px;min-width:170px;} .rnov-page .palier b{display:block;font-family:'Manrope',sans-serif;font-size:28px;font-weight:800;color:var(--kraft)!important;line-height:1;} .rnov-page .palier span{font-size:13px;color:rgba(233,239,233,.75)!important;} .rnov-page .pro-cta{display:flex;flex-wrap:wrap;gap:12px;} .rnov-page .pro-img{position:relative;min-height:280px;} .rnov-page .pro-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} /* Avis Google */ .rnov-page .ti{background:#fff;border:1px solid var(--gris-clair);border-radius:var(--r);box-shadow:var(--ombre);overflow:hidden;} .rnov-page .ti-head{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--gris-clair);} .rnov-page .ti-note{display:flex;align-items:center;gap:16px;} .rnov-page .ti-note .big{font-family:'Manrope',sans-serif;font-size:44px;font-weight:800;color:var(--vert-fonce)!important;line-height:1;} .rnov-page .etoiles{display:flex;gap:2px;} .rnov-page .etoiles svg{width:17px;height:17px;fill:#f4b400;} .rnov-page .ti-note small{display:block;font-size:13px;color:var(--gris)!important;margin-top:4px;} .rnov-page .ti-google{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--gris)!important;} .rnov-page .ti-google svg{width:22px;height:22px;} .rnov-page .ti-piste{overflow:hidden;} .rnov-page .ti-rail{display:flex;gap:18px;padding:24px;transition:transform .45s cubic-bezier(.4,0,.2,1);} .rnov-page .avis{flex:0 0 calc((100% - 36px)/3);background:var(--fond);border:1px solid var(--gris-clair);border-radius:var(--r-sm);padding:20px;display:flex;flex-direction:column;gap:11px;} .rnov-page .avis-top{display:flex;gap:12px;align-items:center;} .rnov-page .avis-top img{width:42px;height:42px;border-radius:var(--r-pill);object-fit:cover;} .rnov-page .avis-top strong{display:block;font-family:'Manrope',sans-serif;font-size:15px;color:var(--vert-fonce)!important;} .rnov-page .avis-top span{font-size:12.5px;color:var(--gris)!important;} .rnov-page .avis p{font-size:14.5px;color:#3c443f!important;} .rnov-page .ti-foot{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:0 24px 24px;} .rnov-page .ti-nav{display:flex;gap:9px;} .rnov-page .ti-nav button{width:40px;height:40px;border-radius:var(--r-pill);border:1.5px solid var(--gris-clair);display:grid;place-items:center;background:#fff;transition:.18s ease;} .rnov-page .ti-nav button:hover{border-color:var(--vert);background:var(--vert-clair);} .rnov-page .ti-nav svg{width:18px;height:18px;stroke:var(--vert-fonce);} /* Articles */ .rnov-page .grille-art{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .rnov-page .art{background:#fff;border:1px solid var(--gris-clair);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;} .rnov-page .art:hover{transform:translateY(-4px);box-shadow:var(--ombre-md);} .rnov-page .art-img{aspect-ratio:16/10;overflow:hidden;background:var(--sable);} .rnov-page .art-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;} .rnov-page .art:hover .art-img img{transform:scale(1.05);} .rnov-page .art-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;} .rnov-page .art-meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--gris)!important;} .rnov-page .art h3{font-size:18px!important;font-weight:700!important;line-height:1.28!important;} .rnov-page .art p{font-size:14px;color:var(--gris)!important;} .rnov-page .lien-fleche{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:7px;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;color:var(--terracotta)!important;} .rnov-page .lien-fleche svg{width:16px;height:16px;transition:transform .2s ease;} .rnov-page .art:hover .lien-fleche svg,.rnov-page .lien-fleche:hover svg{transform:translateX(4px);} /* FAQ */ .rnov-page .faq{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:12px;} .rnov-page .faq-it{background:#fff;border:1px solid var(--gris-clair);border-radius:var(--r-sm);overflow:hidden;transition:border-color .18s ease;} .rnov-page .faq-it:hover{border-color:var(--kraft);} .rnov-page .faq-q{width:100%;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 20px;text-align:left;font-family:'Manrope',sans-serif;font-weight:700;font-size:16.5px;color:var(--vert-fonce)!important;} .rnov-page .faq-q svg{width:20px;height:20px;stroke:var(--olive);flex:none;transition:transform .25s ease;} .rnov-page .faq-it.ouvert .faq-q svg{transform:rotate(45deg);} .rnov-page .faq-r{max-height:0;overflow:hidden;transition:max-height .3s ease;} .rnov-page .faq-r p{padding:0 20px 20px;font-size:15px;color:var(--gris)!important;max-width:70ch;} .rnov-page .faq-it.ouvert .faq-r{max-height:400px;} /* Newsletter */ .rnov-page .news{background:var(--sable);border-radius:var(--r);padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;} .rnov-page .news h2{font-size:clamp(22px,2.6vw,30px)!important;font-weight:800!important;} .rnov-page .news p{margin-top:10px;color:var(--gris)!important;font-size:15px;} .rnov-page .news-form{display:flex;gap:10px;flex-wrap:wrap;} .rnov-page .news-form input{flex:1;min-width:220px;padding:14px 18px;border-radius:var(--r-pill);border:1.5px solid var(--kraft);background:#fff;font:inherit;font-size:15px;color:var(--anthracite)!important;} .rnov-page .news-form input:focus{outline:2px solid var(--vert);outline-offset:1px;border-color:var(--vert);} .rnov-page .news small{display:block;margin-top:10px;font-size:12.5px;color:var(--gris)!important;} /* Footer */ .rnov-page .ftr{background:var(--vert-fonce);color:rgba(233,239,233,.75)!important;padding-top:56px;font-size:14.5px;} .rnov-page .ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:34px;padding-bottom:40px;} .rnov-page .ftr h4{color:#fff!important;font-size:15px!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important;margin-bottom:16px;} .rnov-page .ftr a{color:rgba(233,239,233,.75)!important;} .rnov-page .ftr a:hover{color:var(--kraft)!important;} .rnov-page .ftr li{margin-bottom:9px;} .rnov-page .ftr .logo{margin-bottom:16px;} .rnov-page .ftr-coord li{display:flex;gap:10px;align-items:flex-start;} .rnov-page .ftr-coord svg{width:17px;height:17px;stroke:var(--kraft);flex:none;margin-top:3px;} .rnov-page .ftr-map{border-radius:var(--r-sm);overflow:hidden;border:1px solid rgba(255,255,255,.14);} .rnov-page .ftr-map img{width:100%;height:150px;object-fit:cover;} .rnov-page .ftr-social{display:flex;gap:10px;margin-top:16px;} .rnov-page .ftr-social a{width:38px;height:38px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;transition:.18s ease;} .rnov-page .ftr-social a:hover{background:var(--olive);border-color:var(--olive);} .rnov-page .ftr-social svg{width:17px;height:17px;stroke:#fff;} .rnov-page .ftr-bas{border-top:1px solid rgba(255,255,255,.13);padding:20px 0;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:13px;} .rnov-page .ftr-bas ul{display:flex;flex-wrap:wrap;gap:18px;} .rnov-page .ftr-bas li{margin:0;} /* En-tête de page interne */ .rnov-page .page-head{background:var(--sable);padding:30px 0 46px;} .rnov-page .page-head h1{font-size:clamp(28px,4vw,44px)!important;font-weight:800!important;} .rnov-page .page-head p{margin-top:12px;color:#4a544d!important;font-size:16.5px;max-width:62ch;} .rnov-page .page-head .kicker{margin-bottom:8px;} /* Filtres catalogue */ .rnov-page .filtres{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-end;justify-content:space-between;background:#fff;border:1px solid var(--gris-clair);border-radius:var(--r);padding:20px 22px;margin-bottom:28px;box-shadow:var(--ombre);} .rnov-page .f-groupe{display:flex;flex-direction:column;gap:9px;} .rnov-page .f-lbl{font-family:'Manrope',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--olive)!important;} .rnov-page .puces{display:flex;flex-wrap:wrap;gap:8px;} .rnov-page .puce{padding:8px 15px;border-radius:var(--r-pill);border:1.5px solid var(--gris-clair);background:#fff;font-size:14px;font-weight:600;font-family:'Manrope',sans-serif;color:var(--anthracite)!important;transition:.18s ease;} .rnov-page .puce:hover{border-color:var(--vert);color:var(--vert)!important;} .rnov-page .puce.on{background:var(--vert);border-color:var(--vert);color:#fff!important;} .rnov-page .tri{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--gris)!important;} .rnov-page .tri select{padding:10px 14px;border-radius:var(--r-pill);border:1.5px solid var(--gris-clair);background:#fff;font:inherit;font-size:14px;color:var(--anthracite)!important;cursor:pointer;} .rnov-page .tri select:focus{outline:2px solid var(--vert);outline-offset:1px;} .rnov-page .cat-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:14.5px;color:var(--gris)!important;} /* Pagination */ .rnov-page .pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:40px;} .rnov-page .pagination a{min-width:44px;height:44px;padding:0 14px;border-radius:var(--r-pill);border:1.5px solid var(--gris-clair);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;color:var(--anthracite)!important;transition:.18s ease;} .rnov-page .pagination a:hover{border-color:var(--vert);color:var(--vert)!important;} .rnov-page .pagination a.on{background:var(--vert);border-color:var(--vert);color:#fff!important;} .rnov-page .pagination svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;} /* Bandeau CTA conseil */ .rnov-page .cta-bande{background:var(--vert);color:#fff!important;border-radius:var(--r);padding:38px 42px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;} .rnov-page .cta-bande h2{color:#fff!important;font-size:clamp(22px,2.6vw,30px)!important;font-weight:800!important;} .rnov-page .cta-bande p{margin-top:8px;color:rgba(255,255,255,.82)!important;font-size:15.5px;max-width:56ch;} .rnov-page .cta-bande .actions{display:flex;flex-wrap:wrap;gap:12px;} /* Article à la une */ .rnov-page .une{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#fff;border:1px solid var(--gris-clair);border-radius:var(--r);overflow:hidden;box-shadow:var(--ombre);} .rnov-page .une img{width:100%;height:100%;min-height:340px;object-fit:cover;} .rnov-page .une-txt{padding:40px;display:flex;flex-direction:column;gap:14px;justify-content:center;} .rnov-page .une-txt h2{font-size:clamp(24px,3vw,34px)!important;font-weight:800!important;} .rnov-page .une-txt p{color:var(--gris)!important;font-size:15.5px;} .rnov-page .une-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--gris)!important;} /* Formulaire contact */ .rnov-page .contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:start;} .rnov-page .form-box{background:#fff;border:1px solid var(--gris-clair);border-radius:var(--r);padding:32px;box-shadow:var(--ombre);} .rnov-page .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;} .rnov-page .champ{display:flex;flex-direction:column;gap:7px;} .rnov-page .champ.large{grid-column:1/-1;} .rnov-page .champ label{font-family:'Manrope',sans-serif;font-weight:700;font-size:13.5px;color:var(--vert-fonce)!important;} .rnov-page .champ input,.rnov-page .champ textarea,.rnov-page .champ select{padding:13px 15px;border-radius:var(--r-sm);border:1.5px solid var(--gris-clair);background:var(--fond);font:inherit;font-size:15px;color:var(--anthracite)!important;} .rnov-page .champ textarea{min-height:140px;resize:vertical;} .rnov-page .champ input:focus,.rnov-page .champ textarea:focus,.rnov-page .champ select:focus{outline:2px solid var(--vert);outline-offset:1px;border-color:var(--vert);background:#fff;} .rnov-page .radios{display:flex;gap:10px;flex-wrap:wrap;} .rnov-page .radios label{display:flex;align-items:center;gap:9px;padding:12px 18px;border:1.5px solid var(--gris-clair);border-radius:var(--r-pill);background:var(--fond);cursor:pointer;font-weight:600;font-family:'Manrope',sans-serif;font-size:14.5px;transition:.18s ease;} .rnov-page .radios label:hover{border-color:var(--vert);} .rnov-page .radios input{accent-color:var(--vert);width:17px;height:17px;} .rnov-page .form-foot{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-top:24px;} .rnov-page .form-foot small{font-size:12.5px;color:var(--gris)!important;max-width:46ch;} .rnov-page .infos-box{background:var(--vert-fonce);color:rgba(233,239,233,.8)!important;border-radius:var(--r);padding:30px;} .rnov-page .infos-box h3{color:#fff!important;font-size:20px!important;font-weight:800!important;margin-bottom:18px;} .rnov-page .infos-box ul li{display:flex;gap:12px;align-items:flex-start;margin-bottom:15px;font-size:14.5px;} .rnov-page .infos-box svg{width:18px;height:18px;stroke:var(--kraft);flex:none;margin-top:3px;} .rnov-page .infos-box strong{display:block;color:#fff!important;font-family:'Manrope',sans-serif;font-size:15px;} .rnov-page .map-box{margin-top:18px;border-radius:var(--r);overflow:hidden;border:1px solid var(--gris-clair);} .rnov-page .map-box img{width:100%;height:280px;object-fit:cover;} /* Hero */ .rnov-page .hero{position:relative;background:var(--sable);overflow:hidden;} .rnov-page .hero .ct{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:64px;} .rnov-page .hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;} .rnov-page .hero h1{font-size:clamp(32px,5vw,56px)!important;font-weight:800!important;line-height:1.05!important;} .rnov-page .hero h1 em{font-style:normal;color:var(--terracotta)!important;} .rnov-page .hero .chapo{margin-top:18px;font-size:17px;color:#4a544d!important;max-width:52ch;} .rnov-page .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;} .rnov-page .hero-puces{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px;font-size:14px;color:var(--gris)!important;} .rnov-page .hero-puces li{display:flex;align-items:center;gap:8px;} .rnov-page .hero-puces svg{width:17px;height:17px;stroke:var(--olive);} .rnov-page .hero-media{position:relative;} .rnov-page .hero-media img{border-radius:var(--r);box-shadow:var(--ombre-lg);aspect-ratio:4/3.2;object-fit:cover;width:100%;} .rnov-page .hero-carte{position:absolute;left:-24px;bottom:24px;background:#fff;border-radius:var(--r-sm);box-shadow:var(--ombre-md);padding:16px 18px;display:flex;gap:13px;align-items:center;max-width:270px;} .rnov-page .hero-carte svg{width:26px;height:26px;stroke:var(--terracotta);flex:none;stroke-width:1.5;} .rnov-page .hero-carte strong{display:block;font-family:'Manrope',sans-serif;font-size:15px;color:var(--vert-fonce)!important;} .rnov-page .hero-carte span{font-size:13px;color:var(--gris)!important;} @media (max-width:1024px){ .rnov-page .hero .ct{grid-template-columns:1fr;gap:32px;} .rnov-page .une,.rnov-page .contact-grid{grid-template-columns:1fr;} .rnov-page .une img{min-height:240px;} .rnov-page .hero-carte{left:16px;} .rnov-page .grille-prod{grid-template-columns:repeat(2,1fr);} .rnov-page .grille-cat{grid-template-columns:repeat(2,1fr);} .rnov-page .grille-art{grid-template-columns:repeat(2,1fr);} .rnov-page .reass-grid{grid-template-columns:repeat(2,1fr);gap:22px;} .rnov-page .pro{grid-template-columns:1fr;} .rnov-page .pro-txt{padding:34px;} .rnov-page .ftr-grid{grid-template-columns:repeat(2,1fr);} .rnov-page .avis{flex:0 0 calc((100% - 18px)/2);} .rnov-page .nav{display:none;} .rnov-page .burger{display:grid;} } @media (max-width:680px){ .rnov-page .sec{padding:44px 0;} .rnov-page .grille-prod,.rnov-page .grille-cat,.rnov-page .grille-art,.rnov-page .reass-grid,.rnov-page .ftr-grid,.rnov-page .news{grid-template-columns:1fr;} .rnov-page .avis{flex:0 0 100%;} .rnov-page .news{padding:28px;} .rnov-page .form-grid{grid-template-columns:1fr;} .rnov-page .form-box{padding:22px;} .rnov-page .une-txt{padding:24px;} .rnov-page .cta-bande{padding:26px;} .rnov-page .filtres{padding:18px;} .rnov-page .pro-txt{padding:26px;} .rnov-page .btn{width:100%;} .rnov-page .prix b{font-size:20px;} } /* =================================================================== Compléments d'intégration (agence) - hors bloc de maquette d'origine =================================================================== */ /* En-tête collant : le sticky est porté par le wrapper du modèle d'en-tête Elementor, sinon il se décolle au bout de sa propre hauteur. Le décalage négatif, posé en JS, laisse la barre d'annonce défiler avant l'accroche. */ .elementor-location-header{position:sticky!important;top:0;z-index:200!important;} .rnov-page .hdr{position:static!important;} /* Cartes Google Maps (remplacent les images de substitution) */ .rnov-page .ftr-map iframe{width:100%!important;height:150px!important;border:0!important;display:block!important;} .rnov-page .map-box iframe{width:100%!important;height:280px!important;border:0!important;display:block!important;} /* Carrousel d'avis : flèches en bout de course */ .rnov-page .ti-nav button[disabled]{opacity:.35;} .rnov-page .ti-nav button[disabled]:hover{border-color:var(--gris-clair)!important;background:#fff!important;} /* Accessibilité clavier */ .rnov-page a:focus-visible,.rnov-page button:focus-visible,.rnov-page input:focus-visible, .rnov-page select:focus-visible,.rnov-page textarea:focus-visible{outline:2px solid var(--terracotta);outline-offset:2px;} /* Les widgets HTML ne doivent pas hériter d'une largeur bornée */ .elementor-widget-html>.rnov-page{width:100%;} /* En mobile, la règle .btn{width:100%} ne doit pas s'appliquer à l'en-tête, sinon le bouton « Devis pro » écrase le panier et le burger. */ @media (max-width:680px){ .rnov-page .hdr .btn{width:auto!important;} } /* =================================================================== Fluent Forms alignés sur la maquette (charte : formulaire = Fluent Forms par shortcode). CSS injecté hors du thème donc !important partout. =================================================================== */ .rnov-page .rnov-ff .fluentform{margin-top:22px!important;} .rnov-page .rnov-ff .fluentform legend{position:absolute!important;} .rnov-page .rnov-ff .ff-el-group{margin:0!important;} .rnov-page .rnov-ff .ff-el-input--label{margin-bottom:7px!important;padding:0!important;} .rnov-page .rnov-ff .ff-el-input--label label{font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:13.5px!important;color:var(--vert-fonce)!important;margin:0!important;line-height:1.3!important;} .rnov-page .rnov-ff .ff-el-is-required.asterisk-right label:after{color:var(--terracotta)!important;} /* Champs */ .rnov-page .rnov-ff .ff-el-form-control{width:100%!important;padding:13px 15px!important;border-radius:var(--r-sm)!important;border:1.5px solid var(--gris-clair)!important;background-color:var(--fond)!important;font-family:'Inter',system-ui,sans-serif!important;font-size:15px!important;color:var(--anthracite)!important;box-shadow:none!important;height:auto!important;line-height:1.5!important;} .rnov-page .rnov-ff textarea.ff-el-form-control{min-height:140px!important;resize:vertical!important;} .rnov-page .rnov-ff select.ff-el-form-control{appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a4a29' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px!important;padding-right:44px!important;} .rnov-page .rnov-ff .ff-el-form-control:focus{outline:2px solid var(--vert)!important;outline-offset:1px!important;border-color:var(--vert)!important;background-color:#fff!important;} /* Radios en pilules, comme la maquette */ .rnov-page .rnov-ff .ff-el-input--content{display:flex!important;flex-wrap:wrap!important;gap:10px!important;} .rnov-page .rnov-ff .ff-el-input--content>.ff-el-form-control, .rnov-page .rnov-ff .ff-el-input--content>textarea, .rnov-page .rnov-ff .ff-el-input--content>select{flex:1 1 100%!important;} .rnov-page .rnov-ff .ff-el-form-check-inline{display:block!important;margin:0!important;padding:0!important;} .rnov-page .rnov-ff .ff-el-form-check-label{display:inline-flex!important;align-items:center!important;gap:9px!important;padding:12px 18px!important;border:1.5px solid var(--gris-clair)!important;border-radius:var(--r-pill)!important;background:var(--fond)!important;cursor:pointer!important;font-family:'Manrope',sans-serif!important;font-weight:600!important;font-size:14.5px!important;color:var(--anthracite)!important;transition:.18s ease!important;margin:0!important;} .rnov-page .rnov-ff .ff-el-form-check-label:hover{border-color:var(--vert)!important;} .rnov-page .rnov-ff .ff_item_selected .ff-el-form-check-label{border-color:var(--vert)!important;background:var(--vert-clair)!important;} .rnov-page .rnov-ff .ff-el-form-check-input{position:static!important;opacity:1!important;width:17px!important;height:17px!important;min-width:17px!important;margin:0!important;accent-color:var(--vert)!important;-webkit-appearance:radio!important;appearance:auto!important;} .rnov-page .rnov-ff .ff-el-form-check-label:before,.rnov-page .rnov-ff .ff-el-form-check-label:after, .rnov-page .rnov-ff .ff-el-form-check-input:before,.rnov-page .rnov-ff .ff-el-form-check-input:after{content:none!important;display:none!important;} /* Bouton d'envoi */ .rnov-page .rnov-ff .ff-btn-submit{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:14px 26px!important;border-radius:var(--r-pill)!important;font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:15px!important;background:var(--terracotta)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(226,102,31,.28)!important;transition:background .18s ease,transform .18s ease!important;width:auto!important;} .rnov-page .rnov-ff .ff-btn-submit:hover{background:var(--terracotta-fonce)!important;transform:translateY(-2px)!important;} /* Erreurs et confirmation */ .rnov-page .rnov-ff .ff-el-is-error .ff-el-form-control{border-color:#c0392b!important;} .rnov-page .rnov-ff .error,.rnov-page .rnov-ff .text-danger,.rnov-page .rnov-ff .ff-el-form-check-error{color:#c0392b!important;font-size:13px!important;margin-top:5px!important;} .rnov-page .rnov-ff .ff-message-success{background:var(--vert-clair)!important;border:1.5px solid var(--vert)!important;color:var(--vert-fonce)!important;border-radius:var(--r-sm)!important;padding:18px 20px!important;font-size:15px!important;} .rnov-page .rnov-ff-note{display:block!important;margin-top:16px!important;font-size:12.5px!important;color:var(--gris)!important;max-width:46ch!important;} /* Formulaire de contact : deux colonnes comme .form-grid */ .rnov-page .rnov-ff-contact .fluentform fieldset{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;} .rnov-page .rnov-ff-contact .ff-el-group.rnov-ff-pleine, .rnov-page .rnov-ff-contact .ff-el-group.rnov-ff-envoi{grid-column:1/-1!important;} /* Newsletter : champ et bouton sur une ligne */ .rnov-page .rnov-ff-news .fluentform{margin-top:0!important;} .rnov-page .rnov-ff-news .fluentform fieldset{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:flex-start!important;} .rnov-page .rnov-ff-news .ff-el-group.rnov-news-champ{flex:1 1 220px!important;} .rnov-page .rnov-ff-news .ff-el-group.rnov-news-envoi{flex:0 0 auto!important;} .rnov-page .rnov-ff-news .ff-el-input--label{display:none!important;} .rnov-page .rnov-ff-news .ff-el-form-control{border-radius:var(--r-pill)!important;padding:14px 18px!important;border:1.5px solid var(--kraft)!important;background-color:#fff!important;} @media (max-width:680px){ .rnov-page .rnov-ff-contact .fluentform fieldset{grid-template-columns:1fr!important;} .rnov-page .rnov-ff .ff-btn-submit{width:100%!important;} } /* Le bloc coordonnées est sur fond vert foncé : un lien y prend la couleur verte des liens et devient illisible. */ .rnov-page .infos-box a{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px;} .rnov-page .infos-box a:hover{color:var(--kraft)!important;} /* =================================================================== Pages WooCommerce (fiche produit, panier, tunnel, catégorie) Habillage de base dans la charte : ces écrans ne sont pas maquettés, l'objectif est qu'un clic depuis le catalogue ne dépayse pas. Les variables sont redéclarées sur :root, le bloc de maquette ne les expose que sous .rnov-page. =================================================================== */ :root{ --vert:#2b7a3c; --vert-fonce:#1a4a29; --vert-clair:#e7f2e6; --olive:#5f9a2f; --sable:#e9dfcd; --kraft:#c8b393; --fond:#faf8f3; --anthracite:#26292b; --gris:#5f6a63; --gris-clair:#e4e2db; --terracotta:#e2661f; --terracotta-fonce:#c45314; --r:14px; --r-sm:10px; --r-pill:999px; --ct:1240px; } .woocommerce, .woocommerce-page .site-main, body.woocommerce-cart, body.woocommerce-checkout{ font-family:'Inter',system-ui,sans-serif!important; color:var(--anthracite)!important; } .woocommerce h1,.woocommerce h2,.woocommerce h3, .woocommerce-page h1,.woocommerce-page h2,.woocommerce-page h3{ font-family:'Manrope',system-ui,sans-serif!important; color:var(--vert-fonce)!important;letter-spacing:-.02em!important; } /* Les écrans portés par un gabarit JetWooBuilder gèrent eux-mêmes leurs largeurs, par des conteneurs Elementor bornés à 1240 px. Brider
empêchait leurs bandeaux pleine largeur (en-tête de gamme, bandeau de conseil) d'aller au bord. La gouttière reste sur les écrans encore servis par le gabarit par défaut de WooCommerce : panier, paiement, compte. */ .woocommerce-page .site-main{max-width:none!important;margin:0!important;padding:0!important;} body.woocommerce-checkout .site-main, body.woocommerce-account .site-main{max-width:var(--ct)!important;margin:0 auto!important; padding:38px 20px 64px!important;} /* Le thème imprime le titre de la page au-dessus du contenu : sur un écran à gabarit, le h1 est déjà dans le bandeau d'en-tête, ça faisait deux titres. */ body.woocommerce-cart .page-header, body.woocommerce-cart .entry-title, body.woocommerce-checkout .page-header, body.woocommerce-checkout .entry-title, body.woocommerce-account .page-header, body.woocommerce-account .entry-title, body.single-product .page-header, body.single-product .entry-title{display:none!important;} /* fil d'Ariane */ .woocommerce .woocommerce-breadcrumb{font-size:13.5px!important;color:var(--gris)!important;margin-bottom:26px!important;} .woocommerce .woocommerce-breadcrumb a{color:var(--vert)!important;text-decoration:none!important;} /* prix */ .woocommerce div.product p.price,.woocommerce div.product span.price, .woocommerce ul.products li.product .price{ color:var(--vert-fonce)!important;font-family:'Manrope',sans-serif!important;font-weight:800!important; } .woocommerce div.product p.price{font-size:26px!important;} .woocommerce .woocommerce-Price-taxLabel{font-size:12px!important;font-weight:700!important;color:var(--olive)!important;} /* boutons */ .woocommerce a.button,.woocommerce button.button,.woocommerce input.button, .woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce #place_order{ background:var(--terracotta)!important;color:#fff!important;border:0!important; border-radius:var(--r-pill)!important;padding:14px 26px!important; font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:15px!important; text-shadow:none!important;box-shadow:0 8px 20px rgba(226,102,31,.28)!important; transition:background .18s ease,transform .18s ease!important;line-height:1.2!important; } .woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover, .woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce #place_order:hover{ background:var(--terracotta-fonce)!important;color:#fff!important;transform:translateY(-2px)!important; } .woocommerce ul.products li.product .button, .woocommerce .cart .button:not(.checkout-button):not([name="apply_coupon"]){ background:var(--vert)!important;box-shadow:none!important; } .woocommerce ul.products li.product .button:hover{background:var(--vert-fonce)!important;} .woocommerce a.button.wc-backward,.woocommerce .cart button[name="apply_coupon"], .woocommerce a.added_to_cart{ background:transparent!important;color:var(--vert)!important; border:1.5px solid var(--vert)!important;box-shadow:none!important; } /* quantité et champs */ .woocommerce .quantity .qty,.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select:not(.select2-hidden-accessible), .woocommerce-page form .form-row input.input-text,.woocommerce table.cart td.actions .coupon .input-text{ padding:12px 14px!important;border:1.5px solid var(--gris-clair)!important; border-radius:var(--r-sm)!important;background:var(--fond)!important; font-family:'Inter',system-ui,sans-serif!important;font-size:15px!important; color:var(--anthracite)!important;box-shadow:none!important;height:auto!important; } .woocommerce .quantity .qty:focus,.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row select:not(.select2-hidden-accessible):focus, .woocommerce form .form-row textarea:focus{ outline:2px solid var(--vert)!important;outline-offset:1px!important;border-color:var(--vert)!important;background:#fff!important; } .woocommerce form .form-row label,.woocommerce-billing-fields label,.woocommerce-shipping-fields label{ font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:13.5px!important; color:var(--vert-fonce)!important; } /* onglets de la fiche produit */ .woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 22px!important;} .woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom:1px solid var(--gris-clair)!important;} .woocommerce div.product .woocommerce-tabs ul.tabs li{ background:transparent!important;border:0!important;border-radius:0!important;margin:0 26px 0 0!important;padding:0!important; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important;} .woocommerce div.product .woocommerce-tabs ul.tabs li a{ font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:14.5px!important; color:var(--gris)!important;padding:12px 0!important;display:inline-block!important; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--vert-fonce)!important;box-shadow:inset 0 -2px 0 var(--terracotta)!important; } /* images de la fiche */ .woocommerce div.product div.images img{border-radius:var(--r)!important;} /* Grilles de produits WooCommerce, carte par défaut. Ces règles ne doivent pas atteindre nos cartes (`li.jet-woo-builder-product`) : `object-fit:cover` et `aspect-ratio` sur l'image y écrasaient notre `contain` et la faisaient déborder du cadre arrondi. D'où le `:not()`. */ .woocommerce ul.products li.product:not(.jet-woo-builder-product){ background:#fff!important;border:1px solid var(--gris-clair)!important;border-radius:var(--r)!important; padding:0 0 18px!important;overflow:hidden!important;text-align:left!important; transition:transform .18s ease,box-shadow .18s ease!important; } .woocommerce ul.products li.product:not(.jet-woo-builder-product):hover{transform:translateY(-4px)!important;box-shadow:0 10px 30px rgba(26,74,41,.10)!important;} .woocommerce ul.products li.product:not(.jet-woo-builder-product) a img{margin:0 0 14px!important;border-radius:0!important;aspect-ratio:4/3!important;object-fit:cover!important;} .woocommerce ul.products li.product:not(.jet-woo-builder-product) .woocommerce-loop-product__title{ padding:0 16px!important;font-size:16.5px!important;font-weight:700!important;line-height:1.3!important; } .woocommerce ul.products li.product:not(.jet-woo-builder-product) .price, .woocommerce ul.products li.product:not(.jet-woo-builder-product) .button{margin-left:16px!important;margin-right:16px!important;} /* tableau du panier */ .woocommerce table.shop_table{border:1px solid var(--gris-clair)!important;border-radius:var(--r)!important;} .woocommerce table.shop_table th{ font-family:'Manrope',sans-serif!important;font-weight:700!important;color:var(--vert-fonce)!important; background:var(--sable)!important; } .woocommerce-cart .cart-collaterals .cart_totals>h2,.woocommerce-checkout #order_review_heading{ font-size:20px!important;font-weight:800!important; } .woocommerce .cart_totals table.shop_table{background:#fff!important;} /* messages */ .woocommerce-message,.woocommerce-info,.woocommerce-error{ border-top-color:var(--vert)!important;background:var(--vert-clair)!important; border-radius:var(--r-sm)!important;color:var(--vert-fonce)!important; } .woocommerce-message::before,.woocommerce-info::before{color:var(--vert)!important;} .woocommerce-error{background:#fdecea!important;border-top-color:#c0392b!important;color:#8c2b20!important;} .woocommerce-error::before{color:#c0392b!important;} /* Liens du contenu WooCommerce, et seulement lui. L'ancien sélecteur employait `:not(.button)` : la spécificité de l'argument d'un `:not()` s'ajoute à celle de la règle, si bien que le sélecteur pesait trois classes et écrasait la charte de l'en-tête. Résultat, sur toutes les pages WooCommerce la navigation, le numéro de téléphone, l'icône du panier et jusqu'au texte du bouton « Devis pro » passaient en vert. L'en-tête et le pied de page sont rendus hors de
par les emplacements Elementor : cibler
les laisse intacts. */ .woocommerce-page main.site-main a{color:var(--vert);} .woocommerce-page main.site-main a:hover{color:var(--terracotta);} .woocommerce-page main.site-main a.button, .woocommerce-page main.site-main a.button:hover, .woocommerce-page main.site-main a.checkout-button, .woocommerce-page main.site-main a.checkout-button:hover{color:#fff!important;} /* titres de produit dans les grilles WooCommerce : sobres, comme sur nos cartes */ .woocommerce main.site-main ul.products li.product a.woocommerce-LoopProduct-link, .woocommerce main.site-main ul.products li.product .woocommerce-loop-product__title{color:var(--vert-fonce)!important;} .woocommerce main.site-main ul.products li.product a.woocommerce-LoopProduct-link:hover{color:var(--vert)!important;} /* pastille « ajouté » du catalogue maquette */ .rnov-page a.added_to_cart{ display:inline-block!important;margin-top:8px!important;font-size:13px!important; color:var(--vert)!important;text-decoration:underline!important; } .rnov-page .prod .btn.loading{opacity:.7!important;} .rnov-page .prod .btn.added{background:var(--vert-fonce)!important;} /* le champ de code promo est écrasé par la mise en page du tableau */ .woocommerce table.cart td.actions .coupon .input-text{width:230px!important;min-width:180px!important;margin-right:10px!important;} .woocommerce table.cart td.actions{padding:18px!important;} /* saut de pagination (fenêtre autour de la page courante) */ .rnov-page .pagination-saut{display:inline-flex;align-items:center;padding:0 6px;color:var(--gris)!important;font-weight:700;} /* Les descriptions du catalogue réel sont bien plus longues que celles de la maquette (jusqu'à 230 caractères, importées d'Odoo) : on les borne à trois lignes pour que les cartes restent lisibles et de hauteur comparable. */ .rnov-page .prod .desc{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} /* =================================================================== Pastilles produit : lisibilité Les tons pastel de la maquette passent tout juste (ou pas) le seuil de contraste à 11 px en capitales, et les pastilles se fondent dans la photo qu'elles surplombent. Mesuré avant / après : marque 7,74 -> 10,22 gamme 5,02 -> 10,22 éco 4,62 -> 8,87 made in France 4,15 (échec AA) -> 6,01 Les teintes de la charte sont conservées, seuls le texte et les deux pastilles de taxonomie sont renforcés, plus une ombre pour détacher. =================================================================== */ .rnov-page .badge{box-shadow:0 1px 3px rgba(26,74,41,.16)!important;} /* marque et gamme : côte à côte, solides, cliquables */ .rnov-page .prod-taxo{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:flex-start!important;} .rnov-page .badge-marque{background:var(--vert-fonce)!important;color:#fff!important;text-decoration:none!important; transition:background .18s ease,transform .18s ease;} .rnov-page .badge-marque:hover{background:var(--vert)!important;color:#fff!important;transform:translateY(-1px);} /* la pastille de gamme est blanche : sur une photo claire, seule une bordure lui garde un contour. Le padding est réduit d'un pixel pour compenser sa hauteur. */ .rnov-page .badge-gamme{background:#fff!important;color:var(--vert-fonce)!important;text-decoration:none!important; border:1px solid rgba(26,74,41,.22)!important;padding:4px 10px!important; box-shadow:0 1px 3px rgba(26,74,41,.16)!important;transition:background .18s ease,color .18s ease,transform .18s ease;} .rnov-page .badge-gamme:hover{background:var(--vert-fonce)!important;color:#fff!important;transform:translateY(-1px);} /* texte des pastilles de nature et d'origine, assombri */ .rnov-page .badge-eco{color:var(--vert-fonce)!important;} .rnov-page .badge-mif{color:#9e3f0c!important;} .rnov-page .badge-kraft{color:var(--vert-fonce)!important;} /* Dans la maquette, le titre d'une carte produit était un simple

en vert foncé. En le rendant cliquable, il héritait du vert des liens : on le remet dans sa couleur d'origine, le survol suffit à signaler le lien. */ .rnov-page .prod h3 a,.rnov-page .art h3 a,.rnov-page .une-txt h2 a{color:var(--vert-fonce)!important;} .rnov-page .prod h3 a:hover,.rnov-page .art h3 a:hover,.rnov-page .une-txt h2 a:hover{color:var(--vert)!important;} /* =================================================================== Fiche produit (modèle JetWooBuilder) =================================================================== */ .rnov-page .fiche-pastilles{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:18px!important;} .rnov-page .fiche-retrait{background:var(--fond)!important;border:1px solid var(--gris-clair)!important; border-radius:var(--r)!important;padding:22px 24px!important;margin:24px 0 0!important;} .rnov-page .fiche-retrait ul{display:grid!important;gap:14px!important;margin:0!important;padding:0!important;list-style:none!important;} .rnov-page .fiche-retrait li{display:flex!important;gap:12px!important;align-items:flex-start!important; font-size:14px!important;color:var(--gris)!important;margin:0!important;} .rnov-page .fiche-retrait svg{width:20px!important;height:20px!important;min-width:20px!important;flex:none!important; stroke:var(--olive)!important;margin-top:2px!important;} .rnov-page .fiche-retrait strong{display:block!important;color:var(--vert-fonce)!important; font-family:'Manrope',sans-serif!important;font-size:14.5px!important;font-weight:700!important;margin-bottom:2px!important;} .rnov-page .fiche-retrait .btn{margin-top:20px!important;} /* rythme vertical des widgets Jet de la fiche */ [data-elementor-type="jet-woo-builder"] .elementor-widget-jet-single-title{margin-bottom:12px!important;} [data-elementor-type="jet-woo-builder"] .elementor-widget-jet-single-price{margin-bottom:16px!important;} [data-elementor-type="jet-woo-builder"] .elementor-widget-jet-single-excerpt{margin-bottom:22px!important;} [data-elementor-type="jet-woo-builder"] .elementor-widget-jet-single-meta{margin-top:22px!important;} [data-elementor-type="jet-woo-builder"] .jet-woo-swiper-container, [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery{border-radius:var(--r)!important;overflow:hidden!important;} /* =================================================================== Fiche produit et boucles WooCommerce, suite Les boucles portent désormais notre carte validée (modèle d'archive JetWooBuilder). La liste WooCommerce devient donc la grille de la maquette, et les styles de colonnes du plugin sont neutralisés. =================================================================== */ .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important; gap:22px!important;margin:0!important;padding:0!important;list-style:none!important;} .woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important;content:none!important;} .woocommerce ul.products li.jet-woo-builder-product{width:auto!important;max-width:none!important; float:none!important;clear:none!important;margin:0!important;padding:0!important; background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important; transform:none!important;display:flex!important;} .woocommerce ul.products li.jet-woo-builder-product:hover{transform:none!important;box-shadow:none!important;} .woocommerce ul.products li.jet-woo-builder-product .rnov-carte-archive, .woocommerce ul.products li.jet-woo-builder-product .rnov-carte-archive .prod, .woocommerce ul.products li.jet-woo-builder-product .elementor, .woocommerce ul.products li.jet-woo-builder-product .e-con, .woocommerce ul.products li.jet-woo-builder-product .e-con-inner, .woocommerce ul.products li.jet-woo-builder-product .elementor-widget-shortcode, .woocommerce ul.products li.jet-woo-builder-product .elementor-shortcode{width:100%!important;height:100%!important;} .woocommerce ul.products li.jet-woo-builder-product .e-con, .woocommerce ul.products li.jet-woo-builder-product .e-con-inner{padding:0!important;margin:0!important;} @media (max-width:1024px){ .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;} } @media (max-width:680px){ .woocommerce ul.products{grid-template-columns:1fr!important;} } /* ------- visuel de la fiche : hauteur fixe, image entière, cliquable ------- */ [data-elementor-type="jet-woo-builder"] .jet-single-images__wrap{position:relative!important;} [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery{background:#fff!important; border:1px solid var(--gris-clair)!important;border-radius:var(--r)!important;overflow:hidden!important;} [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery .flex-viewport, [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery__wrapper, [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery__image{height:460px!important;} [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery__image>a{display:block!important; height:100%!important;cursor:zoom-in!important;} [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery__image img{width:100%!important; height:100%!important;object-fit:contain!important;padding:26px!important;background:#fff!important;} [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery__trigger{top:14px!important;right:14px!important; background:#fff!important;border:1px solid var(--gris-clair)!important;border-radius:var(--r-pill)!important; width:38px!important;height:38px!important;line-height:36px!important;text-align:center!important; color:var(--vert-fonce)!important;box-shadow:0 2px 6px rgba(26,74,41,.10)!important;} /* vignettes sous le visuel */ [data-elementor-type="jet-woo-builder"] .flex-control-thumbs{display:flex!important;gap:10px!important; margin:12px 0 0!important;padding:0!important;list-style:none!important;} [data-elementor-type="jet-woo-builder"] .flex-control-thumbs li{width:74px!important;margin:0!important;} [data-elementor-type="jet-woo-builder"] .flex-control-thumbs img{width:74px!important;height:74px!important; object-fit:contain!important;background:#fff!important;border:1px solid var(--gris-clair)!important; border-radius:var(--r-sm)!important;padding:6px!important;opacity:1!important;cursor:pointer!important;} [data-elementor-type="jet-woo-builder"] .flex-control-thumbs img.flex-active{border-color:var(--vert)!important;} @media (max-width:1024px){ [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery .flex-viewport, [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery__wrapper, [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery__image{height:380px!important;} } @media (max-width:680px){ [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery .flex-viewport, [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery__wrapper, [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery__image{height:300px!important;} [data-elementor-type="jet-woo-builder"] .woocommerce-product-gallery__image img{padding:16px!important;} } /* ------------------------- colonne d'informations ------------------------- */ [data-elementor-type="jet-woo-builder"] .price .woocommerce-price-suffix{font-family:'Inter',system-ui,sans-serif!important; font-size:14px!important;font-weight:500!important;color:var(--gris)!important;} [data-elementor-type="jet-woo-builder"] .jet-single-excerpt, [data-elementor-type="jet-woo-builder"] .woocommerce-product-details__short-description{font-size:15px!important; color:var(--gris)!important;max-width:60ch!important;line-height:1.65!important;} [data-elementor-type="jet-woo-builder"] form.cart{display:flex!important;flex-wrap:wrap!important; gap:12px!important;align-items:stretch!important;margin:0!important;} [data-elementor-type="jet-woo-builder"] form.cart .quantity{margin:0!important;} [data-elementor-type="jet-woo-builder"] form.cart .quantity .qty{width:86px!important;height:100%!important; min-height:50px!important;text-align:center!important;} [data-elementor-type="jet-woo-builder"] form.cart .single_add_to_cart_button{flex:1 1 240px!important;min-height:50px!important;} [data-elementor-type="jet-woo-builder"] .product_meta{font-size:13.5px!important;color:var(--gris)!important; border-top:1px solid var(--gris-clair)!important;padding-top:18px!important;margin-top:4px!important;} [data-elementor-type="jet-woo-builder"] .product_meta>span{display:block!important;margin-bottom:5px!important;} [data-elementor-type="jet-woo-builder"] .product_meta .sku, [data-elementor-type="jet-woo-builder"] .product_meta a{font-family:'Manrope',sans-serif!important;font-weight:600!important;} /* ------------------------------- onglets --------------------------------- */ [data-elementor-type="jet-woo-builder"] .woocommerce-Tabs-panel{max-width:78ch!important;} [data-elementor-type="jet-woo-builder"] .woocommerce-Tabs-panel h2{font-size:22px!important; font-weight:800!important;margin-bottom:16px!important;} [data-elementor-type="jet-woo-builder"] .woocommerce-Tabs-panel p{margin-bottom:12px!important; font-size:15px!important;color:#3c443f!important;line-height:1.7!important;} /* Onglet « Informations complémentaires » : le tableau des attributs. WooCommerce le rend en italique et sans cadre ; on le remet dans la charte, étiquette en Manrope sur fond sable, valeur en Inter. */ [data-elementor-type="jet-woo-builder"] table.shop_attributes{width:100%!important; border-collapse:separate!important;border-spacing:0!important; border:1px solid var(--gris-clair)!important;border-radius:var(--r)!important; overflow:hidden!important;margin:0!important;background:#fff!important;font-size:14.5px!important;} [data-elementor-type="jet-woo-builder"] table.shop_attributes tr:not(:last-child) th, [data-elementor-type="jet-woo-builder"] table.shop_attributes tr:not(:last-child) td{ border-bottom:1px solid var(--gris-clair)!important;} [data-elementor-type="jet-woo-builder"] table.shop_attributes th{width:38%!important; background:var(--fond)!important;text-align:left!important;vertical-align:top!important; font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:13.5px!important; letter-spacing:.02em!important;color:var(--vert-fonce)!important;padding:14px 18px!important; border-right:1px solid var(--gris-clair)!important;} [data-elementor-type="jet-woo-builder"] table.shop_attributes td{padding:14px 18px!important; color:var(--anthracite)!important;vertical-align:top!important;background:#fff!important;} /* seul « conditionnement » a des archives d'attribut : sa valeur est donc un lien. On le rend discret plutôt que vert vif, pour ne pas déséquilibrer le tableau. */ [data-elementor-type="jet-woo-builder"] table.shop_attributes td a{color:var(--vert-fonce)!important; text-decoration:underline!important;text-decoration-color:var(--kraft)!important; text-underline-offset:3px!important;} [data-elementor-type="jet-woo-builder"] table.shop_attributes td a:hover{color:var(--vert)!important; text-decoration-color:var(--vert)!important;} [data-elementor-type="jet-woo-builder"] table.shop_attributes td p, [data-elementor-type="jet-woo-builder"] table.shop_attributes td{font-style:normal!important; font-size:14.5px!important;line-height:1.55!important;} [data-elementor-type="jet-woo-builder"] table.shop_attributes td p{margin:0!important;} [data-elementor-type="jet-woo-builder"] table.shop_attributes td a{font-weight:600!important;} @media (max-width:680px){ [data-elementor-type="jet-woo-builder"] table.shop_attributes th{width:44%!important;padding:12px 14px!important;} [data-elementor-type="jet-woo-builder"] table.shop_attributes td{padding:12px 14px!important;} } /* -------------------- produits similaires : en-tête de section ------------ */ [data-elementor-type="jet-woo-builder"] .related.products>h2, [data-elementor-type="jet-woo-builder"] .up-sells>h2{font-size:clamp(24px,3vw,34px)!important; font-weight:800!important;text-align:left!important;margin:0 0 28px!important;} /* ------------------------------------------------------------------ Visuel des cartes produit : même traitement que la fiche, pour que l'ensemble du site soit cohérent. Hauteur fixe par le rapport 4/3 déjà en place, image entière (contain) sur fond blanc, et le visuel devient cliquable vers la fiche. ------------------------------------------------------------------ */ .rnov-page .prod-img{background:#fff!important;} .rnov-page .prod-img .prod-lien{display:block!important;width:100%!important;height:100%!important;} .rnov-page .prod-img img{width:100%!important;height:100%!important;aspect-ratio:auto!important; object-fit:contain!important;padding:14px!important;margin:0!important;background:#fff!important; transition:transform .35s ease!important;} .rnov-page .prod:hover .prod-img img{transform:scale(1.04)!important;} /* ------------------------------------------------------------------ Fiche produit : le visuel s'accroche au scroll, en haut à gauche. Les onglets sont dans la colonne de droite, ce qui donne à l'accroche une vraie course : sur une fiche à longue description, le visuel reste sous les yeux pendant toute la lecture. Le décalage se cale sur la hauteur réellement collée de l'en-tête, exposée en variable CSS par le JS. ------------------------------------------------------------------ */ @media (min-width:1025px){ .elementor-element-1c71e17{ position:sticky!important; top:calc(var(--rnov-entete-collee, 100px) + 24px)!important; align-self:flex-start!important; } } /* ------------------------------------------------------------------ .rnov-page peint le fond beige de la page : c'est ce qu'il faut quand l'enveloppe entoure une section pleine largeur, mais pas quand elle entoure un petit bloc inséré dans une colonne. Là, elle dessinait une bande beige derrière les pastilles, l'encart de retrait et le fil d'Ariane, et surtout un carré beige qui dépassait aux quatre coins arrondis de chaque carte produit. D'où cette enveloppe « nue ». ------------------------------------------------------------------ */ .rnov-page.rnov-nu{background:transparent!important;} /* Le fil d'Ariane de WooCommerce, sur les écrans à gabarit, doit retrouver la gouttière commune :
ne la porte plus. */ .woocommerce-page .woocommerce-breadcrumb{max-width:var(--ct)!important;margin:0 auto!important; padding:18px 20px!important;font-size:13.5px!important;color:var(--gris)!important;} .woocommerce-page .woocommerce-breadcrumb .ariane-sep{color:var(--kraft)!important;padding:0 2px;} /* =================================================================== Panier (gabarit JetWooBuilder) =================================================================== */ /* le tableau : cadre arrondi, en-tête sable, filets discrets */ body.woocommerce-cart table.shop_table{border-collapse:separate!important;border-spacing:0!important; border:1px solid var(--gris-clair)!important;border-radius:var(--r)!important;overflow:hidden!important; background:#fff!important;margin:0!important;} body.woocommerce-cart table.shop_table th{background:var(--sable)!important;text-align:left!important; font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:12.5px!important; letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--vert-fonce)!important; padding:14px 16px!important;border:0!important;} body.woocommerce-cart table.shop_table td{padding:16px!important;border:0!important; border-top:1px solid var(--gris-clair)!important;vertical-align:middle!important;} body.woocommerce-cart table.shop_table .product-thumbnail img{width:70px!important;height:70px!important; object-fit:contain!important;background:#fff!important;border:1px solid var(--gris-clair)!important; border-radius:var(--r-sm)!important;padding:6px!important;} body.woocommerce-cart table.shop_table .product-name a{font-family:'Manrope',sans-serif!important; font-weight:700!important;font-size:14.5px!important;color:var(--vert-fonce)!important; text-decoration:none!important;} body.woocommerce-cart table.shop_table .product-name a:hover{color:var(--vert)!important;} body.woocommerce-cart table.shop_table .product-price, body.woocommerce-cart table.shop_table .product-subtotal{font-family:'Manrope',sans-serif!important; font-weight:700!important;color:var(--vert-fonce)!important;} body.woocommerce-cart table.shop_table td.product-remove a.remove{color:var(--gris)!important; font-size:20px!important;line-height:1!important;} body.woocommerce-cart table.shop_table td.product-remove a.remove:hover{color:var(--terracotta)!important; background:transparent!important;} /* le récapitulatif : une carte, comme les autres encadrés du site */ body.woocommerce-cart .elementor-jet-cart-totals, body.woocommerce-cart .cart_totals{background:#fff!important;border:1px solid var(--gris-clair)!important; border-radius:var(--r)!important;padding:24px!important;} body.woocommerce-cart .cart_totals h2, body.woocommerce-cart .elementor-jet-cart-totals h2{font-size:20px!important;font-weight:800!important; margin:0 0 16px!important;} body.woocommerce-cart .cart_totals table.shop_table{border:0!important;border-radius:0!important;} body.woocommerce-cart .cart_totals table.shop_table th{background:transparent!important; text-transform:none!important;letter-spacing:0!important;font-size:14px!important;padding:12px 0!important;} body.woocommerce-cart .cart_totals table.shop_table td{padding:12px 0!important;text-align:right!important; font-family:'Manrope',sans-serif!important;font-weight:700!important;color:var(--vert-fonce)!important; background:transparent!important;} /* le récapitulatif est étroit : le libellé d'expédition doit pouvoir passer à la ligne */ body.woocommerce-cart .cart_totals table.shop_table{width:100%!important;table-layout:fixed!important;} body.woocommerce-cart .cart_totals table.shop_table th{width:44%!important;background:transparent!important; word-break:break-word!important;} body.woocommerce-cart .cart_totals td[data-title], body.woocommerce-cart .cart_totals .woocommerce-shipping-methods, body.woocommerce-cart .cart_totals .woocommerce-shipping-destination{word-break:break-word!important; white-space:normal!important;font-weight:500!important;} body.woocommerce-cart .cart_totals .woocommerce-shipping-methods{list-style:none!important;margin:0!important;padding:0!important;} body.woocommerce-cart .cart_totals .woocommerce-shipping-methods label{font-family:'Manrope',sans-serif!important; font-weight:700!important;font-size:14px!important;color:var(--vert-fonce)!important;} body.woocommerce-cart .cart_totals tr.order-total th, body.woocommerce-cart .cart_totals tr.order-total td{border-top:1.5px solid var(--gris-clair)!important; font-size:17px!important;} body.woocommerce-cart .wc-proceed-to-checkout{padding:18px 0 0!important;} body.woocommerce-cart a.checkout-button{display:block!important;width:100%!important;text-align:center!important;} body.woocommerce-cart .woocommerce-shipping-destination, body.woocommerce-cart .shipping-calculator-button{font-size:13px!important;} /* le pied du tableau : code promo et mise à jour */ body.woocommerce-cart td.actions{background:var(--fond)!important;border-top:1px solid var(--gris-clair)!important;} body.woocommerce-cart td.actions .coupon{display:flex!important;gap:10px!important;align-items:center!important; flex-wrap:wrap!important;float:none!important;} body.woocommerce-cart td.actions button[name="update_cart"]{float:right!important;} /* ventes croisées : notre grille */ body.woocommerce-cart .cross-sells>h2{font-size:clamp(22px,2.6vw,30px)!important;font-weight:800!important; margin:0 0 24px!important;} /* =================================================================== Paiement (gabarit JetWooBuilder) =================================================================== */ /* Le créneau de retrait, servi par l'extension « CoderRockz Woo Delivery ». Ses champs sont désormais configurés et visibles : son titre reprend donc sa place, à la même échelle que les autres titres de bloc du tunnel. */ #coderockz-woo-delivery-public-delivery-details h3{font-size:20px!important; font-weight:800!important;margin:0 0 18px!important;padding:0!important;} #coderockz_woo_delivery_setting_wrapper{margin-bottom:26px!important;} #coderockz_woo_delivery_pickup_date_section, #coderockz_woo_delivery_pickup_time_section{margin:0!important;} body.woocommerce-checkout .woocommerce-billing-fields h3, body.woocommerce-checkout #order_review_heading, body.woocommerce-checkout .elementor-jet-checkout-order-review h3{font-size:20px!important; font-weight:800!important;margin:0 0 18px!important;} body.woocommerce-checkout .woocommerce-additional-fields h3{font-size:17px!important; font-weight:800!important;margin:26px 0 14px!important;} /* les deux blocs de formulaire prennent l'allure d'encadrés, comme le reste */ body.woocommerce-checkout .elementor-jet-checkout-billing, body.woocommerce-checkout .elementor-jet-checkout-additional-form{background:#fff!important; border:1px solid var(--gris-clair)!important;border-radius:var(--r)!important;padding:26px!important;} body.woocommerce-checkout .elementor-jet-checkout-additional-form{margin-top:22px!important;} body.woocommerce-checkout .woocommerce-additional-fields h3:first-child{margin-top:0!important;} /* récapitulatif et paiement : une même colonne de cartes */ body.woocommerce-checkout .elementor-jet-checkout-order-review, body.woocommerce-checkout .elementor-jet-checkout-payment{background:#fff!important; border:1px solid var(--gris-clair)!important;border-radius:var(--r)!important;padding:24px!important;} body.woocommerce-checkout .elementor-jet-checkout-payment{margin-top:20px!important;} body.woocommerce-checkout table.shop_table{border:0!important;background:transparent!important; border-collapse:separate!important;border-spacing:0!important;width:100%!important;} body.woocommerce-checkout table.shop_table th, body.woocommerce-checkout table.shop_table td{background:transparent!important;padding:11px 0!important; border:0!important;border-bottom:1px solid var(--gris-clair)!important;font-size:14px!important;} body.woocommerce-checkout table.shop_table thead th{background:var(--fond)!important; font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:12.5px!important; letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--vert-fonce)!important; padding:11px 12px!important;} body.woocommerce-checkout table.shop_table td{text-align:right!important;} body.woocommerce-checkout table.shop_table td.product-name{text-align:left!important; font-family:'Manrope',sans-serif!important;font-weight:600!important;color:var(--vert-fonce)!important;} body.woocommerce-checkout table.shop_table tfoot .order-total th, body.woocommerce-checkout table.shop_table tfoot .order-total td{border-bottom:0!important; border-top:1.5px solid var(--gris-clair)!important;font-size:17px!important; font-family:'Manrope',sans-serif!important;font-weight:800!important;color:var(--vert-fonce)!important;} /* moyen de règlement */ body.woocommerce-checkout ul.wc_payment_methods{list-style:none!important;margin:0 0 16px!important;padding:0!important;} body.woocommerce-checkout ul.wc_payment_methods li{border:1.5px solid var(--gris-clair)!important; border-radius:var(--r-sm)!important;padding:14px 16px!important;margin-bottom:10px!important; background:var(--fond)!important;} body.woocommerce-checkout ul.wc_payment_methods label{font-family:'Manrope',sans-serif!important; font-weight:700!important;font-size:14.5px!important;color:var(--vert-fonce)!important;} body.woocommerce-checkout .payment_box{background:transparent!important;border:0!important; padding:8px 0 0!important;font-size:13.5px!important;color:var(--gris)!important;} body.woocommerce-checkout .payment_box::before{display:none!important;} body.woocommerce-checkout #place_order{width:100%!important;} body.woocommerce-checkout .woocommerce-privacy-policy-text{font-size:12.5px!important; color:var(--gris)!important;line-height:1.55!important;} /* connexion et code promo, au-dessus du formulaire */ body.woocommerce-checkout .woocommerce-form-login, body.woocommerce-checkout .checkout_coupon{background:#fff!important; border:1px solid var(--gris-clair)!important;border-radius:var(--r)!important;padding:22px!important; margin:0 0 16px!important;} /* ------------------------------------------------------------------ Select2, utilisé par WooCommerce sur le pays et par l'extension de retrait sur l'heure : il masque le