/*! * L'empreinte des plantes — CSS commun (lep-base.css) * Sections 00 à 07, 12, 13 de l’ancien CSS personnalisé Avada + ancien « CSS additionnel » WordPress (newsletter du pied de page, section 15). * Chargé : toutes les pages. * Chargé APRÈS le CSS d'Avada (même priorité que l'ancien « CSS personnalisé » d'Avada). * Réorganisation Web67 du 27/10/2026 — sauvegarde de l'ancien code : assets/backup/ (accès bloqué au public). */ /* ========================================================================== L'EMPREINTE DES PLANTES — CSS personnalisé -------------------------------------------------------------------------- SOMMAIRE 00. Variables 01. Global & utilitaires 02. Responsive général 03. En-tête & menus 04. Bandeau titre de page & titres 05. Accueil 06. Pages de contenu 07. Pages légales 08. Boutique (e-shop, sous-catégories, grilles produits) 09. Fiche produit 10. Panier 11. Validation de commande 12. Alertes & notices (WooCommerce, Avada, toast panier) 13. Bannière cookies Complianz 14. Mon compte (visiteur non connecté) Points de rupture utilisés : 1300 / 1100 / 1050 / 1024 (tablette) / 800 / 767-768 / 740 (« small » Avada) / 640 / 380 (petits téléphones) ========================================================================== */ /* ========================================================================== 00. VARIABLES ========================================================================== */ :root { --lep-green: #a7c0a7; --lep-green-dark: #8daa8d; --lep-green-soft: #eef3ee; --lep-green-text: #7f9e7f; --lep-title: #4c4c4c; --lep-text: #646464; --lep-muted: #8a8a8a; --lep-card: #ebebec; --lep-line: rgba(76, 76, 76, .12); --lep-accordion-line: #dde6dd; --lep-leaf: 50px 5px; /* arrondi « feuille » des boutons */ --lep-serif: "Century Schoolbook", serif; } /* ========================================================================== 01. GLOBAL & UTILITAIRES ========================================================================== */ /* --- Éléments ciblés par ID --- */ #equipe > div > div > div > div > img { border-radius: 50% !important; } #footer-mobile-bar p { margin-top: 0; } #woo-img img { border-radius: 5px !important; } /* --- Composants Avada --- */ .fusion-button.button-default { border-radius: var(--lep-leaf) !important; } .heading.heading-with-icon.icon-left { margin-bottom: 0 !important; } .widget_text.widget.widget_custom_html { margin-bottom: 10px !important; } /* Accordéons / toggles : titre actif et survol en noir */ .fusion-accordian .panel-title a.active, .fusion-accordian .panel-title a:hover, .fusion-toggle-heading:hover { color: black !important; } /* --- Lien souligné avec flèche (#link) --- */ #link a { display: inline-block; padding-bottom: 3px; color: var(--lep-title); text-decoration: none; border-bottom: 1px solid currentColor; } #link a::after { content: " →"; display: inline-block; margin-left: 6px; border-bottom: none; transition: transform .3s ease; } #link a:hover { color: #222; } #link a:hover::after { transform: translateX(4px); } /* --- Liens dans les textes : soulignés pour rester identifiables --- */ #main :is(p, td, dd, .fusion-text li, .fusion-li-item-content) a:is(:not([class]), .woocommerce-privacy-policy-link):not(#link *) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } #main :is(p, td, dd, .fusion-text li, .fusion-li-item-content) a:is(:not([class]), .woocommerce-privacy-policy-link):not(#link *):hover { text-decoration-thickness: 2px; } /* --- Texte courant : aligné à gauche, même taille et couleur partout --- */ .fusion-text[style*="--awb-content-alignment:justify"] { --awb-content-alignment: left !important; text-align: left !important; } #main :is(.fusion-accordian .panel-body, .fusion-checklist .fusion-li-item-content) { font-size: var(--body_typography-font-size); line-height: var(--body_typography-line-height); color: var(--body_typography-color); } /* --- Formulaires (Contact, Conseil, Connexion, Commande, Rétractation) : libellés, champs et boutons identiques --- */ :is(.woocommerce form, .lep-retr) label:not(.screen-reader-text, .woocommerce-form__label-for-checkbox, .checkbox) { margin-bottom: 10px; color: var(--lep-title); } :is(.woocommerce form, .lep-retr) :is(input:is([type="text"], [type="email"], [type="tel"], [type="password"], [type="date"]), textarea) { padding-left: 18px !important; padding-right: 18px !important; } :is(.fusion-form, .woocommerce form) :is(input:is([type="text"], [type="email"], [type="tel"], [type="password"], [type="date"]), textarea) { border-radius: 6px !important; } :is(.fusion-form .fusion-button, .woocommerce-form-login__submit, .woocommerce-form-register__submit, .lep-retr .lep-retr-btn) { min-height: 55px; padding: 16px 40px !important; border-radius: var(--lep-leaf) !important; font-size: 18px !important; line-height: 1.2 !important; } /* Mon compte : le thème enfant redéfinit --lep-leaf et --lep-dark ; on reprend ceux du site */ body.woocommerce-account.woocommerce-account { --lep-leaf: inherit; --lep-dark: var(--lep-title); } /* --- 1.x Rythme vertical : même espace partout entre en-tête/bandeau et contenu, et entre contenu et pied de page --- */ :root { --lep-gap-top: 64px; --lep-gap-bottom: 80px; } @media (max-width: 1024px) { :root { --lep-gap-top: 48px; --lep-gap-bottom: 64px; } } @media (max-width: 767px) { :root { --lep-gap-top: 32px; --lep-gap-bottom: 48px; } } /* Accueil et fiches produits exclus : ils démarrent par un bloc pleine largeur */ body:not(.home):not(.single-product) #main { padding-top: var(--lep-gap-top) !important; padding-bottom: var(--lep-gap-bottom) !important; } /* Premier et dernier conteneur : pas de marge ou de retrait en plus de l'espace commun */ body:not(.home):not(.single-product) #main .post-content > .fusion-fullwidth:first-child { margin-top: 0 !important; padding-top: 0 !important; --awb-margin-top: 0px !important; --awb-margin-top-medium: 0px !important; --awb-margin-top-small: 0px !important; } body:not(.home):not(.single-product) #main .post-content > .fusion-fullwidth:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; --awb-margin-bottom: 0px !important; --awb-margin-bottom-medium: 0px !important; --awb-margin-bottom-small: 0px !important; } body:not(.home):not(.single-product) #main .post-content > .fusion-fullwidth:first-child > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper > :first-child { margin-top: 0 !important; } body:not(.home):not(.single-product) #main .post-content > .fusion-fullwidth:last-child > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper > :last-child { margin-bottom: 0 !important; } body:not(.home):not(.single-product) #main .post-content > .fusion-fullwidth:last-child .fusion-column-wrapper > .fusion-text:last-child > :last-child { margin-bottom: 0 !important; } body:not(.home):not(.single-product) #main .post-content > .fusion-fullwidth:last-child > .fusion-builder-row > .fusion-layout-column { margin-bottom: 0 !important; --awb-margin-bottom: 0px !important; --awb-margin-bottom-medium: 0px !important; --awb-margin-bottom-small: 0px !important; } /* Colonnes sans fond du dernier conteneur : pas de retrait bas (les encadrés gardent le leur) */ body:not(.home):not(.single-product) #main .post-content > .fusion-fullwidth:last-child > .fusion-builder-row > .fusion-layout-column:not([style*="--awb-bg-color:#"]):not([style*="--awb-bg-color:var"]):not([style*="--awb-bg-color:rgb"]) { --awb-padding-bottom: 0px !important; --awb-padding-bottom-medium: 0px !important; --awb-padding-bottom-small: 0px !important; } /* --- 1.y Pied de page : liens (À propos, E-Shop, Actualités, Contact, FAQ) en 2 colonnes régulières --- */ .fusion-tb-footer ul.awb-menu__main-ul_column { display: grid !important; grid-template-rows: repeat(3, auto); grid-auto-flow: column; grid-auto-columns: max-content; column-gap: 48px; row-gap: 2px; width: auto !important; height: auto !important; } .fusion-tb-footer ul.awb-menu__main-ul_column > li { width: auto !important; } @media (max-width: 767px) { .fusion-tb-footer ul.awb-menu__main-ul_column { column-gap: 40px; row-gap: 0; } /* Zones tactiles de 40 px */ .fusion-tb-footer ul.awb-menu__main-ul_column > li { display: flex !important; align-items: center; min-height: 40px; } } /* --- 1.z Formulaires : pas d'astérisque sur les champs obligatoires (les champs optionnels sont marqués « facultatif ») --- */ /* WooCommerce (validation, Mon compte, panier) : même chose ; les champs optionnels restent indiqués « (facultatif) » */ .woocommerce form .form-row .required, .woocommerce form abbr.required, .woocommerce-form .required { display: none !important; } /* ========================================================================== 02. RESPONSIVE GÉNÉRAL ========================================================================== */ /* --- Tablette & mobile (≤ 1024px) --- */ @media (max-width: 1024px) { /* Mots très longs : retour à la ligne plutôt que débordement */ .fusion-text, .post-content p { overflow-wrap: break-word; } /* Médias jamais plus larges que l'écran */ img, iframe, video { max-width: 100%; } } /* --- Mobile (≤ 740px) --- */ @media (max-width: 740px) { /* Barre fixe du bas (E-shop / Appeler / Conseil) : ne masque plus le pied de page */ body { padding-bottom: 75px; } /* Adresses e-mail / liens longs */ a[href^="mailto:"] { word-break: break-all; } /* Galeries photos : 2 colonnes au lieu d'1 */ body .fusion-gallery.fusion-gallery-container .fusion-grid-column.fusion-gallery-column { width: 50% !important; } /* Formulaires : champs à 16px (évite le zoom auto sur iPhone) */ input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="password"], select, textarea { font-size: 16px !important; } } /* ========================================================================== 03. EN-TÊTE & MENUS ========================================================================== */ /* --- Icônes Compte (13162) et Déconnexion (13167) : rond vert, icône blanche --- */ .menu-item-13162 > a .awb-menu__i, .menu-item-13167 > a .awb-menu__i { display: inline-flex !important; align-items: center; justify-content: center; width: 32px; height: 32px; margin-right: 6px; border-radius: 50%; background-color: var(--lep-green); color: #fff !important; transition: background-color .2s; } .menu-item-13162 > a .awb-menu__i i, .menu-item-13167 > a .awb-menu__i i { font-size: 16px !important; line-height: 1; color: #fff !important; } .menu-item-13162 > a:hover .awb-menu__i, .menu-item-13167 > a:hover .awb-menu__i { background-color: #8aa88a; } /* Déconnexion visible uniquement si l'utilisateur est connecté */ /* --- Pastille du nombre d'articles dans le panier --- */ .awb-menu .fusion-widget-cart-number { padding: .45em !important; } /* --- Ombre sur les menus déroulants --- */ .awb-menu__sub-ul { box-shadow: 0 10px 30px rgba(33, 41, 52, .14), 0 2px 6px rgba(33, 41, 52, .06) !important; } .awb-menu__mega-wrap > .fusion-fullwidth { box-shadow: 0 14px 40px rgba(33, 41, 52, .16), 0 3px 8px rgba(33, 41, 52, .06) !important; } /* --- Lien « Mon compte » réservé au menu mobile --- Le plugin lep-menu-mobile l'affiche en « Se connecter / Créer un compte » pour les visiteurs, et en panneau compte pour les clients connectés. */ .awb-menu_desktop .menu-mobile-only { display: none !important; } @media (min-width: 741px) { .menu-mobile-only { display: none !important; } } /* Mobile : on masque les icônes Compte + Déconnexion */ @media (max-width: 740px) { .menu-item-13162, .menu-item-13167 { display: none !important; } } /* --- 3.x Mini-panier centré sur mobile (sous l'en-tête fixe) --- */ @media (max-width: 767px) { .fusion-tb-header .fusion-builder-row:has(.fusion-menu-cart), .fusion-tb-header .fusion-layout-column:has(.fusion-menu-cart), .fusion-tb-header .awb-menu__main-ul:has(> .fusion-menu-cart), .fusion-tb-header .awb-menu__main-li.fusion-menu-cart { position: static !important; } /* Fonds de survol transparents du lien panier : sinon ils couvrent tout l'en-tête (et le bouton menu) */ .fusion-tb-header .fusion-menu-cart > .awb-menu__main-background-default, .fusion-tb-header .fusion-menu-cart > .awb-menu__main-background-active { display: none !important; } .fusion-tb-header .fusion-menu-cart > .awb-menu__sub-ul.fusion-menu-cart-items { top: 100% !important; left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; width: min(360px, calc(100% - 32px)) !important; min-width: 0 !important; } } /* --- 3.y En-tête au défilement (ordinateur + mobile) --- */ /* Bord « papier déchiré » sous l'en-tête fixe (même motif que le bandeau de titre) */ .fusion-tb-header .fusion-sticky-container { --lep-tear: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%221463%22%20viewBox%3D%220%200%201463%2043%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22rgba%28255%2C255%2C255%2C1%29%22%3E%3Cpath%20d%3D%22M0.0160014%2042.9619H1463V9L1457.65%205.68624L1452.32%206.83201C1447.24%206.98142%201439.58%204.30928%201438%205.1512C1433.07%204.10435%201438.68%2011.5292%201433.65%2011.7432C1428.04%2011.9815%201428.94%208.52022%201426%208.67669C1424.9%208.73524%201421.27%2010.3481%201420.5%2010.2118C1414.64%209.15693%201410.05%209.20837%201413.56%207.70523C1409.62%207.00464%201410.86%205.74478%201409.65%204.41831C1413.55%204.35269%201405.99%202.65169%201411.17%203.04943C1411.26%201.9087%201399.43%202.47479%201400.5%201.00093C1395.36%201.72474%201400.25%202.60021%201395.17%202.70216C1390.77%202.78595%201375.26%200.649608%201370.5%201.00091C1363.12%201.55512%201366.17%202.11766%201361.41%202.25294C1355.73%202.41244%201350.42%203.16048%201344.88%203.72276C1343.92%203.82371%201340.75%203.50774%201339.22%203.56427C1337.06%203.64402%201333.44%204.10435%201330.78%204.12051C1326.87%204.14675%201323.6%203.97514%201319.86%203.44111C1319.62%205.69835%201309.3%202.94444%201303.35%202.50531C1297.09%204.22145%201282.07%204.09123%201270.59%204.67674C1270.38%205.16634%201273.92%205.4167%201272.73%205.56711C1266.97%206.28789%201258%206.47465%201252.68%205.68623C1255.75%204.68784%201247.22%204.02561%201247.99%202.50531C1241.68%202.25899%201237.47%204.06902%201229.82%204.27092C1231.56%205.84977%201224.1%204.4607%201222.96%204.73832C1221.87%205.01088%201222.48%201.36761%201219.92%201.1435C1216.74%200.413638%201219.67%202.72134%201214.2%202.76475C1210.63%202.85964%201219.4%203.64604%201217.45%204.73832C1213.14%203.90548%201215.4%205.59942%201214.2%204.27092C1219.7%203.4179%201208.75%203.95899%201212.02%202.76475C1208.68%202.89901%201201.36%201.74112%201204.68%202.65775C1206.74%202.7587%201204.66%203.02722%201205.05%203.69147C1201.03%203.48149%201199.26%204.0246%201196.73%204.12151C1196.24%204.13968%201190.48%204.63636%201189.8%204.56065C1188.95%204.47181%201188.44%206.15868%201186.77%206.19098C1185.92%206.20713%201185.45%204.53137%201182.88%204.51522C1180.49%204.50714%201177.8%201.94504%201174.96%202.153C1168.35%203.80251%201160.67%205.47222%201154%204.56065C1153.76%205.12899%201151.2%206.66343%201149.57%206.73005C1143.29%206.17887%201128.95%208.2019%201118.19%208.20997C1115.62%208.20997%201116.05%2010.1533%201113.62%2010.229C1112.24%2010.2724%201111.45%207.18634%201108.04%207.4367C1107.58%207.47001%201110.31%205.46717%201108.04%205.68623C1099.45%206.52815%201108.44%207.28326%201105.2%208.87321C1100.4%209.22351%201098.78%2011.2314%201098%2010.229C1093.62%2010.4369%201093.53%206.4696%201088.71%206.82999C1086.88%206.82999%201087.4%207.67191%201085.89%207.78094C1083.71%207.72541%201088.12%206.58468%201085.05%206.82999C1081.2%208.65718%201079.27%207.96568%201072.47%208.87321C1070.87%207.82939%201063.6%204.99978%201059.77%204.70904C1059.6%205.4702%201059.03%202.85561%201056.09%202.6103C1056.85%20-0.156728%201046.52%206.23843%201050.38%204.04177C1039.75%203.99129%201047.77%204.38499%201038.19%204.70904C1037.95%205.61153%201036.86%202.30745%201034.98%202.6103C1034.83%201.55033%201036.67%202.09949%201033.23%202.153C1032.13%203.63797%201031.87%202.55781%201030.76%204.04177C1028.36%203.58446%201015.73%206.69977%201016.47%205.18149C1012.05%204.7262%201007.14%206.3101%201003.52%206.14353C990.194%206.79567%20991.325%203.83583%20977.99%206.19098C977.18%205.46178%20979.157%204.4355%20978.195%204.19521C960.339%205.27537%20940.466%205.62667%20920.017%205.76497C918.646%206.25155%20917.238%206.72702%20915.797%207.19038C912.741%205.56106%20912.67%209.83728%20908.269%209.77873C906.28%209.75349%20906.617%206.23843%20904.788%206.1506C905.205%206.1718%20900.835%206.58065%20899.232%206.60285C891.16%206.7038%20884.008%208.63295%20878.552%208.71472C877.061%2011.4343%20869.156%209.77469%20868.647%209.77873C868.647%209.77873%20866.695%208.4785%20866.361%208.71472C866.106%208.91315%20867.491%2010.6102%20867.212%2010.7408C865.367%2010.9508%20863.509%2010.7754%20861.706%2010.2209C858.833%208.90855%20858.487%207.82939%20854.912%207.77589C852.307%207.73652%20847.78%207.63355%20845.235%207.71431C839.45%207.89804%20826.826%207.66787%20823.433%207.61336C822.523%207.93753%20820.061%209.79074%20819.119%209.77873C818.015%209.73129%20818.715%207.54068%20817.899%207.57904C812.703%207.83242%20816.107%2011.6312%20811.524%2011.2486C811.432%2010.4874%20811.797%209.56977%20808.832%209.77873C802.901%209.51121%20808.181%2011.9441%20804.861%209.77873C803.185%209.34667%20801.857%207.03391%20800.45%208.08379C802.619%208.14335%20800.011%209.19726%20799.307%2010.229C794.116%2010.7125%20790.72%2010.023%20786.354%2010.229C784.432%2012.7719%20778.002%207.52352%20774.617%209.20231C775.385%209.20231%20773.831%207.11972%20772.257%207.20048C771.858%206.54531%20770.095%207.70321%20770.733%206.69573C767.852%206.96728%20769.863%208.2766%20769.21%209.35474C778.865%208.91864%20764.788%2012.3953%20763.114%2010.8013C763.175%209.99981%20761.85%209.33455%20762.201%208.63901C754.76%209.2013%20745.79%2012.6003%20737.588%2011.7432C737.338%2012.3126%20733.496%2012.6851%20731.873%2012.7527C729.938%2011.3051%20730.615%2011.4666%20726.365%2010.8013C726.475%2010.1805%20728.032%2010.3693%20727.682%209.58491C719.946%2011.402%20728.628%207.66484%20722.348%208.99334C720.556%2010.55%20725.2%208.28972%20723.414%209.84637C721.585%209.84031%20722.106%2010.6903%20720.594%2010.8013C719.156%2010.4864%20713.749%2012.1541%20712.591%2011.7432C712.362%2011.6625%20702.028%207.91924%20701.775%207.89501C698.019%207.56188%20695.374%209.47891%20689.584%209.21947C689.255%209.59399%20683.69%2010.2461%20682.345%2010.2512C674.78%209.7121%20676.459%2012.4731%20667.486%2011.7432C667.239%2012.3136%20667.204%2010.1825%20665.581%2010.2512C660.619%209.92914%20667.999%2012.9173%20663.782%2012.8637C662.944%2013.7117%20662.163%2016.7483%20659.105%2016.7907C657.042%2016.6897%20657.131%2015.9033%20656.743%2015.2431C661.866%2014.5213%20654.791%2014.5415%20656.057%2012.8637C650.723%2013.2675%20643.461%2013.1545%20641.198%2012.1026C642.459%2011.2536%20642.62%2010.7499%20639.674%209.72422C634.613%2010.3425%20638.541%2010.9325%20633.484%2010.2512C630.996%2011.4807%20634.798%2012.5861%20629.19%2013.1282C629.571%2011.8704%20625.964%2012.1187%20625.116%2011.6493C624.43%2011.2728%20624.177%2010.5621%20619.863%2010.7337C614.987%209.95135%20618.983%2011.8603%20615.672%2011.6493C609.223%2011.8189%20614.726%2011.6927%20609.577%2011.6493C605.75%2011.615%20598.921%2012.4256%20593.575%2012.1026C591.617%2013.1959%20595.404%2013.2837%20591.83%2013.3776C586.603%2012.9021%20591.585%2013.5512%20591.289%2012.1026C588.704%2012.0602%20585.593%2011.6392%20587.099%2012.2449C584.736%2012.5357%20586.845%2012.3893%20584.944%2012.8496C582.236%2012.6901%20582.169%2013.4876%20580.745%2013.7945C576.452%2012.4085%20572.211%2013.2898%20565.612%2012.2449C562.939%2012.4246%20564.463%2012.7022%20560.049%2012.2449C554.784%2012.9142%20557.422%2012.3116%20553.145%2012.6487C543.88%2014.3265%20537.365%2010.1977%20529.686%2011.5322C531.235%2012.3217%20535.041%2013.099%20532.329%2013.9712C530.441%2012.2308%20521.156%2012.0784%20515.788%2012.8971C515.524%2011.9794%20517.397%2011.8361%20517.265%2010.9669C514.769%2010.017%20507.827%209.69898%20510.257%2010.9669C512.136%2010.8256%20508.42%2011.832%20511.298%2012.0572C510.941%2012.9657%20513.264%2011.5282%20513.045%2012.3943C511.658%2012.3852%20511.382%2012.7769%20510.257%2012.8627C506.563%2012.8405%20511.402%2011.4807%20507.489%2011.5322C503.724%2013.3968%20503.466%2012.886%20506.727%2013.8854C501.189%2014.0065%20506.698%2013.4281%20500.528%2013.7723C502.373%2011.9956%20496.749%2010.448%20495.297%2011.3636L496.457%2012.2893C493.05%2013.2342%20495.459%2017.2096%20490.344%2017.5306C490.406%2016.832%20490.231%2013.9066%20488.081%2013.6915C481.461%2013.0273%20486.009%2011.8068%20481.582%2012.0572C481.441%2011.1547%20478.934%2012.4983%20477.092%2012.1672C475.787%2013.0071%20474.436%2013.8319%20470.103%2013.5805C470.168%2012.1288%20470.129%2012.572%20467.104%2012.1672C467.957%2014.0974%20469.378%2013.9813%20471.386%2015.5268C470%2015.5137%20464.42%2014.4194%20463.294%2014.5021C459.761%2013.4745%20465.329%2012.6528%20456.276%2013.4927C456.644%2012.8042%20458.596%2012.6911%20459.119%2012.0572C451.911%2012.3741%20452.004%2010.4742%20449.579%2012.9879C453.698%2013.1423%20450.966%2011.616%20452.128%2013.4654C449.503%2013.6673%20446.34%2012.4902%20447.674%2014.1226C447.657%2014.9221%20446.636%2014.8282%20446.912%2015.5268C446.313%2016.1325%20442.804%2016.0295%20440.435%2015.9922C435.273%2015.5742%20445.066%2014.6344%20442.425%2013.8904C437.737%2013.7279%20431.579%2015.3794%20429.006%2014.5021C427.634%2015.3976%20428.592%2015.1795%20424.434%2015.4703C422.224%2013.8288%20424.908%2015.1543%20420.229%2015.2038C418.786%2013.958%20423.285%2013.0212%20416.814%2012.9203C410.467%2013.0091%20418.468%2017.3277%20416.206%2018.0354C418.659%2018.32%20421.762%2016.4313%20422.893%2017.1592C421.014%2017.8365%20416.717%2019.7434%20414.909%2019.0449C419.717%2017.1793%20409.787%2014.7303%20409.269%2013.1979C411.204%2013.2423%20414.563%2013.1212%20412.059%2012.7295C407.716%2012.464%20409.76%2011.0133%20404.622%2010.4641C405.484%208.10799%20395.862%2012.1722%20391.371%2011.6261C388.999%2013.0828%20380.768%2013.6602%20375.668%2012.4831C375.077%2010.9527%20376.564%2012.2157%20377.192%2011.1224C373.495%2010.9748%20374.019%2011.6908%20370.334%2012.1147C371.553%2012.9697%20370.357%2014.9655%20372.62%2015.4703C372.673%2014.8353%20375.706%2014.3033%20375.984%2014.9211C373.156%2017.9213%20369.789%2014.2407%20366.359%2013.8914C363.083%2013.5583%20366.187%2013.8975%20362.333%2013.3554C362.671%2012.7497%20362.858%2013.3584%20359.32%2013.3554C358.244%2014.8282%20359.407%2015.1291%20359.32%2016.2688C357.92%2016.2348%20355.743%2012.5038%20354.367%2012.8446C352.026%2012.5216%20351.212%2012.1117%20349.364%2011.6261C346.652%2012.8059%20344.779%2012.6948%20341.925%2012.7659C338.786%2011.7826%20337.335%2017.0542%20334.705%2017.4014C331.3%2016.4131%20326.735%2011.9188%20322.695%2012.4831C323.353%2012.3903%20317.131%2016.2607%20315.472%2016.2688C312.576%2014.8716%20314.614%2016.1527%20309.517%2016.4394C309.624%2015.8226%20307.054%2015.7025%20306.709%2014.9211C302.356%2014.6546%20306.046%2015.8377%20301.271%2015.4198C301.628%2014.5042%20297.722%2015.2573%20297.947%2014.3901C293.603%2014.1297%20298.113%2012.6619%20292.978%2012.1127C289.076%2011.9986%20291.719%2013.1404%20286.517%2013.4715C284.694%2014.6718%20285.456%2013.9267%20283.346%2014.3366C280.875%2014.3194%20278.16%2011.2748%20276.595%209.9594C275.216%207.41951%20272.843%2011.4292%20270.135%209.9594C261.592%2010.3067%20262.142%2011.5847%20257.927%2010.4641C254.243%2010.5684%20255.608%206.85148%20251.94%206.37875C251.61%206.75428%20251.853%207.33272%20250.508%207.33979C246.029%206.48475%20241.316%207.64264%20236.657%207.73652C233.38%207.79507%20230.13%207.07732%20227.001%207.19038C224.072%207.29739%20221.515%208.06562%20218.657%208.10801C214.192%208.17262%20209.763%207.50232%20204.857%207.53462C195.735%207.5962%20186.181%208.49061%20178.537%208.34222C176.727%208.30689%20176.688%207.82233%20174.409%207.83747C169.952%207.85059%20163.074%2013.3211%20159.5%2011.7432C154.014%2013.4069%20150.056%208.10801%20142.588%208.11811C135.313%208.13325%20126.485%208.02826%20117.696%207.96164C111.427%207.91318%20104.317%208.82778%2096.9036%208.80154C87.1801%208.76621%2069.1759%2015.3824%2066%2017.4014C56.0517%2016.9108%2048.0438%205.18348%2040.0195%206.93091C31.9228%205.07647%2025.5946%207.65775%2013.3505%206.93091C13.2042%206.99553%2011.2153%207.39267%2011.0646%207.43566L8.64532%208.08076C8.13988%208.17632%207.60955%208.26448%207.05433%208.34524C5.94337%208.50575%204.73641%208.63598%203.45173%208.73895C2.35754%208.82678%201.19629%208.89037%200%208.94085L0.0160014%2042.9619ZM1397.27%204.41831C1397.65%205.54389%201396.95%206.27881%201395.75%206.83201C1391.1%206.97839%201396.5%205.97091%201394.7%205.1512C1397.18%205.10577%201394.65%204.50815%201397.27%204.41831ZM1355.86%202.70216C1358.3%203.14735%201357.6%204.07609%201362.4%203.72276C1362.6%204.78576%201362.9%205.2572%201359.89%205.1512C1360.6%205.54288%201361.29%205.9487%201361.19%206.61396C1355.63%206.64627%201359.93%205.29556%201360.88%204.12051C1360.01%203.62181%201355.4%203.65311%201355.86%202.70216ZM1336.36%205.48736C1342.15%207.10256%201345.03%204.26385%201350.26%204.12051C1352%205.52068%201352.1%205.3743%201348.69%205.48837C1346.24%205.5661%201335.03%206.87542%201336.35%205.48837L1336.36%205.48736ZM1326.97%207.20048C1326.89%208.9782%201328.63%207.78195%201326.5%208.8187C1320.52%207.97173%201327.24%205.37329%201333.56%205.95476L1326.97%207.20048ZM637.389%2012.2449C634.843%2012.8637%20637.448%2013.1121%20634.778%2012.1975C637.471%2010.5944%20631.898%2012.3913%20637.389%2012.2449ZM602.719%2014.2669C605.262%2015.2098%20603.695%2016.6019%20603.481%2017.8002C598.895%2017.4186%20606.434%2014.2669%20601.195%2015.2764C600.866%2013.5189%20600.364%2015.0614%20602.719%2014.2669ZM524.633%2015.0069C524.428%2016.2375%20521.788%2018.2029%20520.061%2017.5306C520.267%2016.299%20522.904%2014.3346%20524.633%2015.0069ZM410.559%2015.1432C407.496%2015.6813%20408.953%2017.3095%20405.003%2016.0164C406.458%2014.9019%20405.65%2015.0069%20410.559%2015.1432ZM391.357%2012.1147C395.32%2012.0461%20393.524%2013.9601%20392.812%2015.4703C388.845%2015.5359%20390.64%2013.6229%20391.354%2012.1127L391.357%2012.1147ZM366.318%2014.8646C367.367%2015.3047%20367.748%2015.968%20367.598%2016.8129C364.259%2016.9865%20367.02%2015.8912%20363.095%2016.2688C364.326%2015.5631%20362.86%2014.7586%20366.317%2014.8625L366.318%2014.8646Z%22%20fill%3D%22var%28--awb-color1%29%22%2F%3E%3C%2Fsvg%3E"); } @media (min-width: 1025px) { /* Ligne d'icônes + filet : repli progressif au lieu d'une disparition sèche */ .fusion-tb-header .fusion-sticky-container .fusion-builder-nested-column-0.fusion-display-normal-only { display: flex !important; max-height: 80px; opacity: 1; overflow: visible; /* visible : sinon le mini-panier au survol est coupé */ transition: max-height .3s ease, opacity .2s ease; } .fusion-tb-header .fusion-sticky-transition .fusion-builder-nested-column-0.fusion-display-normal-only { max-height: 0; opacity: 0; overflow: hidden; } /* Logo réduit (et non collé au bas) quand l'en-tête est réduit */ .fusion-tb-header .fusion-sticky-container .fusion-image-element img { width: auto; max-height: 97px; transition: max-height .3s ease; } .fusion-tb-header .fusion-sticky-transition .fusion-image-element img { max-height: 72px; } .fusion-tb-header .fusion-sticky-transition::after { content: ""; position: absolute; left: 0; right: 0; top: calc(100% - 1px); height: 20px; background: var(--lep-tear) 50% 100% / 100% 20px no-repeat; transform: scaleY(-1); pointer-events: none; } } @media (max-width: 1024px) { /* Icônes, panier et bouton menu sur une seule ligne : en-tête plus bas (≈ 84 px au lieu de 128) */ .fusion-tb-header .fusion-layout-column:has(> .fusion-column-wrapper > .lep-mm-toggle) > .fusion-column-wrapper { flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 6px; } .fusion-tb-header .fusion-layout-column:has(> .fusion-column-wrapper > .lep-mm-toggle) > .fusion-column-wrapper > * { margin: 0 !important; flex: none; } .fusion-tb-header .fusion-container-stuck::after { content: ""; position: absolute; left: 0; right: 0; top: calc(100% - 1px); height: 14px; background: var(--lep-tear) 50% 100% / 100% 14px no-repeat; transform: scaleY(-1); pointer-events: none; } } /* --- 3.z Barre d'actions fixe en bas (E-shop / Appeler / Conseil) – mobile + tablette --- */ @media (max-width: 1024px) { :root { --lep-bar-h: 62px; } /* Barre pleine largeur collée en bas : coins arrondis en haut seulement, zone « home » de l'iPhone respectée */ #awb-oc-9635 .awb-off-canvas-inner > .off-canvas-content > .fusion-fullwidth, #awb-oc-9635 .off-canvas-content > .fusion-fullwidth { min-height: var(--lep-bar-h); padding: 0 12px env(safe-area-inset-bottom, 0px) !important; border-radius: 18px 18px 0 0 !important; box-shadow: 0 -4px 18px rgba(76, 76, 76, .12); } #awb-oc-9635 .fusion-builder-row { max-width: 560px; min-height: var(--lep-bar-h); margin: 0 auto !important; align-items: center !important; } /* Colonnes : plus de marge basse (sur tablette elle décalait les icônes vers le haut) */ #awb-oc-9635 .fusion-layout-column { margin-top: 0 !important; margin-bottom: 0 !important; align-self: stretch; } #awb-oc-9635 .fusion-column-wrapper { justify-content: center !important; height: 100%; padding: 4px 0 !important; } /* Icône centrée au-dessus du libellé (elle avait une marge à droite qui la décalait) */ #awb-oc-9635 .fb-icon-element { margin: 0 auto !important; height: 26px !important; line-height: 26px !important; } #awb-oc-9635 .fusion-text p { margin: 0 !important; } /* Bouton « haut de page » au-dessus de la barre, à droite, au lieu de recouvrir « Conseil » */ #toTop { right: 16px !important; bottom: calc(var(--lep-bar-h) + 12px + env(safe-area-inset-bottom, 0px)) !important; border-radius: 50% !important; width: 42px !important; height: 42px !important; } /* L'espace réservé sous la page passe dans le bandeau gris foncé du bas : plus de bande claire, rien de masqué sur tablette */ body { padding-bottom: 0 !important; } .fusion-tb-footer > .fusion-fullwidth:last-child, } /* --- 3.w En-tête mobile + tablette : mêmes icônes, tailles et espacements harmonisés --- */ @media (max-width: 1024px) { /* Groupe d'icônes : espacement unique de 8 px, tout centré verticalement */ .fusion-tb-header .fusion-builder-column-5 > .fusion-column-wrapper { gap: 8px !important; align-items: center !important; } .fusion-tb-header .awb-menu__main-ul { gap: 8px; align-items: center; } .fusion-tb-header .fusion-social-links .fusion-social-networks-wrapper { display: flex; gap: 8px; align-items: center; margin: 0 !important; } /* Toutes les icônes rondes à la même taille (Facebook, Instagram, Compte, Panier) */ .fusion-tb-header .fusion-social-links a.fusion-social-network-icon { display: inline-flex !important; align-items: center; justify-content: center; width: var(--lep-hdr-ico) !important; height: var(--lep-hdr-ico) !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; line-height: 1 !important; font-size: 17px !important; } .fusion-tb-header .menu-item-13162 > a, .fusion-tb-header .menu-item-13167 > a, .fusion-tb-header .awb-menu__main-ul > li:has(.nutritionist-basket) > a { position: relative; display: flex !important; align-items: center; justify-content: center; width: var(--lep-hdr-ico); height: var(--lep-hdr-ico); min-height: 0 !important; padding: 0 !important; margin: 0 !important; } .fusion-tb-header .menu-item-13162 > a .awb-menu__i, .fusion-tb-header .menu-item-13167 > a .awb-menu__i { width: var(--lep-hdr-ico); height: var(--lep-hdr-ico); margin: 0 !important; } /* Panier : même rond vert que les autres, icône blanche */ .fusion-tb-header .awb-menu__main-ul > li:has(.nutritionist-basket) > a { border-radius: 50%; background-color: var(--lep-green) !important; transition: background-color .2s; } .fusion-tb-header .awb-menu__main-ul > li:has(.nutritionist-basket) > a:hover { background-color: #8aa88a !important; } .fusion-tb-header .awb-menu__main-ul > li:has(.nutritionist-basket) > a .awb-menu__i { margin: 0 !important; } .fusion-tb-header .awb-menu__main-ul > li:has(.nutritionist-basket) > a .awb-menu__i i { font-size: 19px !important; color: #fff !important; } /* Nombre d'articles : petite pastille sur le coin du rond */ .fusion-tb-header .awb-menu__main-ul > li:has(.nutritionist-basket) .fusion-widget-cart-number { position: absolute !important; top: -4px; right: -6px; min-width: 20px; height: 20px; margin: 0 !important; padding: 0 5px !important; border: 2px solid #fff; border-radius: 10px; box-sizing: border-box; background-color: var(--lep-title) !important; color: #fff !important; font-size: 11px !important; line-height: 16px !important; text-align: center; } /* Flèche de sous-menu : inutile au doigt */ .fusion-tb-header .awb-menu__main-ul > li:has(.nutritionist-basket) .awb-menu__open-nav-submenu-hover { display: none !important; } /* Bouton menu à la même taille que les autres ronds */ .fusion-tb-header .lep-mm-toggle { width: var(--lep-hdr-ico); height: var(--lep-hdr-ico); } } /* Tablette : ronds de 44 px, logo plus présent */ @media (max-width: 1024px) { :root { --lep-hdr-ico: 44px; } .fusion-tb-header img.wp-image-8654 { height: 60px !important; width: auto !important; max-width: none !important; } } /* Mobile : ronds de 40 px (4 icônes + logo tiennent sur 375 px), logo un peu agrandi */ @media (max-width: 740px) { :root { --lep-hdr-ico: 40px; } .fusion-tb-header img.wp-image-8654 { height: 50px !important; } } /* ========================================================================== 04. BANDEAU TITRE DE PAGE & TITRES ========================================================================== */ @media (max-width: 740px) { /* Bandeau titre : taille réduite, texte éloigné des illustrations */ #page-ptb { padding-left: 34px !important; padding-right: 34px !important; } #page-ptb .fusion-title-heading, #page-ptb h1 { font-size: 24px !important; line-height: 1.25 !important; } /* Titres manuscrits (H2) un peu plus compacts */ .post-content h2.fusion-title-heading, .fusion-title h2 { font-size: 26px !important; line-height: 1.3 !important; } } @media (max-width: 380px) { #page-ptb { padding-left: 26px !important; padding-right: 26px !important; } #page-ptb .fusion-title-heading, #page-ptb h1 { font-size: 21px !important; } .post-content h2.fusion-title-heading, .fusion-title h2 { font-size: 23px !important; } } /* ========================================================================== 05. ACCUEIL ========================================================================== */ /* --- 5.1 Hero : texte blanc sur tablette/mobile --- */ @media (max-width: 1050px) { #hero-info, #hero-info p, #hero-info span, #hero-info li, #hero-info h1, #hero-info h2, #hero-info h3, #hero-info a { color: #fff !important; } #hero-info .button, #hero-info a.fusion-button, #hero-info .et_pb_button { background-color: #a7c0a78c !important; color: #1a1a1a !important; border-color: var(--lep-green) !important; } } /* --- 5.2 Rayons (Avada Circle Slider) – mobile : 2 ronds par écran + points --- */ @media (max-width: 640px) { .acs-shell { padding: 22px 12px 16px !important; } .acs-slider .acs-slide { padding: 0 6px; } .acs-slider .acs-item img { display: block; width: 100% !important; max-width: 120px; height: auto !important; aspect-ratio: 1 / 1; margin: 0 auto 8px; object-fit: cover; border-radius: 50%; } .acs-slider.slick-dotted { margin-bottom: 0 !important; } .acs-slider .slick-dots { position: static; display: flex !important; justify-content: center; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; } .acs-slider .slick-dots li { width: auto; height: auto; margin: 0; } .acs-slider .slick-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 4px; background: #d5e0d6; font-size: 0; transition: all .2s; } .acs-slider .slick-dots button:before { display: none; } .acs-slider .slick-dots .slick-active button { width: 18px; background: #7d9c82; } } /* --- 5.3 Slider Actualités : flèches rondes blanches 44px --- */ #actualites .awb-swiper-button { display: flex !important; align-items: center; justify-content: center; width: 44px !important; height: 44px !important; border-radius: 50% !important; background: rgba(255, 255, 255, .95) !important; color: #5f7d64 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, .22) !important; font-size: 18px !important; opacity: 1 !important; } #actualites .awb-swiper-button-prev { left: 8px !important; } #actualites .awb-swiper-button-next { right: 8px !important; } #actualites .awb-swiper-button:active { transform: scale(.94); } /* --- 5.4 Illustration + accordéon (#titles-illustration) --- */ #titles-illustration h3 { font-family: "Segoe"; font-size: 22px; } @media (max-width: 1024px) { /* Ordre : la section passe après Actualités */ #content .post-content { display: flex; flex-direction: column; } #titles-illustration { order: 1; } #actualites ~ .fusion-fullwidth { order: 2; } #titles-illustration { margin: 0 0 40px !important; padding: 30px 0 10px !important; background: none !important; } #titles-illustration > .fusion-row { display: flex !important; flex-direction: column; max-width: none !important; margin: 0 !important; } #titles-illustration .fusion-layout-column, #titles-illustration .fusion-column-wrapper { display: contents !important; } /* Illustration en vedette */ #titles-illustration .fusion-image-element { order: -1; align-self: stretch; width: 100% !important; margin: 0 0 28px !important; padding: 10px 0 0; text-align: center; } #titles-illustration .fusion-image-element img { display: block; width: auto !important; height: 440px !important; max-width: 100%; margin: 0 auto; object-fit: contain; } /* Accordéon */ #titles-illustration .fusion-text { margin: 0 !important; padding: 0; border-bottom: 1px solid var(--lep-accordion-line); } #titles-illustration .fusion-text:first-of-type { border-top: 1px solid var(--lep-accordion-line); } #titles-illustration .fusion-text h3 { position: relative; margin: 0 !important; padding: 18px 56px 18px 4px !important; font-family: var(--h2_typography-font-family) !important; font-size: 22px !important; line-height: 1.3 !important; color: var(--lep-title) !important; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; transition: color .25s; } /* Bouton + / − */ #titles-illustration .fusion-text h3::after { content: "+"; position: absolute; top: 50%; right: 4px; width: 34px; height: 34px; margin-top: -17px; border-radius: 50%; background: var(--lep-green-soft); color: var(--lep-green-text); font: 400 22px/34px Arial, sans-serif; text-align: center; transition: transform .35s, background .25s, color .25s; } #titles-illustration .fusion-text.is-open h3 { color: var(--lep-green-text) !important; } #titles-illustration .fusion-text.is-open h3::after { content: "−"; background: var(--lep-green); color: #fff; } #titles-illustration .ti-body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s ease; } #titles-illustration .fusion-text.is-open .ti-body { grid-template-rows: 1fr; } #titles-illustration .ti-inner { overflow: hidden; } #titles-illustration .ti-inner p { margin: 0 4px 12px; font-size: 14px; line-height: 1.7; color: #5a5a5a; } #titles-illustration .ti-inner p:last-child { margin-bottom: 22px; } } /* Tablette : illustration à gauche (fixe au scroll), accordéon à droite */ @media (min-width: 641px) and (max-width: 1024px) { #titles-illustration { padding: 40px 0 !important; } #titles-illustration > .fusion-row { display: grid !important; grid-template-columns: 40% 1fr; column-gap: 40px; align-items: start; } #titles-illustration .fusion-image-element { position: sticky; top: 110px; grid-column: 1; grid-row: 1 / span 5; margin: 0 !important; } #titles-illustration .fusion-text { grid-column: 2; } } /* --- 5.5 Section avis : feuilles décoratives de part et d'autre --- */ .avis-section-illustrations { position: relative; overflow: visible !important; isolation: isolate; } .avis-section-illustrations::before, .avis-section-illustrations::after { content: ""; position: absolute; top: 55%; z-index: 5; width: 260px; height: 260px; background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .65; pointer-events: none; transform: translateY(-50%); } /* Placées en dehors de la colonne centrale */ .avis-section-illustrations::before { left: calc(30% - 520px); background-image: url("/wp-content/uploads/2026/06/leaf_bg-2.svg"); } .avis-section-illustrations::after { right: calc(30% - 520px); background-image: url("/wp-content/uploads/2026/06/leaf_bg-1.svg"); } .avis-section-illustrations .fusion-builder-row { position: relative; z-index: 10; } /* Colonne plus étroite pour laisser de la place aux feuilles */ .avis-section-illustrations .fusion-layout-column { max-width: 720px; margin-left: auto !important; margin-right: auto !important; } .avis-section-illustrations .ti-widget { position: relative; z-index: 20; } @media (max-width: 1100px) { .avis-section-illustrations::before, .avis-section-illustrations::after { display: none; } } /* --- 5.6 Espacements mobile (marges et paddings réduits) --- */ @media (max-width: 640px) { /* Hero : moins d'espace au-dessus du titre et sous le bouton */ .home #main .fusion-fullwidth:has(h1) { padding-bottom: 20px !important; } .home #main .fusion-fullwidth:has(h1) .fusion-layout-column:has(h1) { margin-top: 12px !important; } .home #main .fusion-fullwidth:has(h1) .fusion-separator { margin-bottom: 8px !important; } /* Rayons (Circle Slider) */ .home #main .fusion-fullwidth:has(.acs-shell) { padding-bottom: 12px !important; } /* Produits du moment */ .home #main .fusion-fullwidth:has(.fusion-woo-price-tb) .fusion-button { margin-top: 12px !important; margin-bottom: 8px !important; } /* Actualités */ #actualites { padding-top: 24px !important; padding-bottom: 20px !important; } #actualites .fusion-button { margin-top: 16px !important; margin-bottom: 0 !important; } /* Cartes tisanes (fond photo) */ .home #main .fusion-fullwidth:has(.fusion-title-22) { padding-top: 16px !important; } .home #main .fusion-fullwidth:has(.fusion-title-22) .fusion-layout-column { margin-bottom: 16px !important; } .home #main .fusion-fullwidth:has(.fusion-title-22) .fusion-column-wrapper { padding-top: 44px !important; padding-bottom: 44px !important; } .home #main .fusion-fullwidth:has(.fusion-title-22) .fusion-title { margin-bottom: 20px !important; } /* Votre avis compte */ .home #main .fusion-fullwidth:has(.ti-widget) { margin-top: 8px !important; } /* Footer */ .fusion-tb-footer .fusion-fullwidth:first-child { padding-top: 24px !important; } } /* ========================================================================== 06. PAGES DE CONTENU ========================================================================== */ /* --- 6.0 Marges de page : 80 px sous le bandeau titre et avant le pied de page --- */ #main .post-content > .fusion-fullwidth:first-of-type { margin-top: 0 !important; } body.page-id-2232 #main { padding-top: 80px !important; padding-bottom: 80px !important; } /* Contact */ /* --- 6.1 Texte « L'empreinte des plantes » --- */ /* --- 6.2 Illustrations latérales (#bg-sides) --- */ /* --- 6.x FAQ : accordéons au style du site (pastilles vertes, filets verts) --- */ body.page-id-8593 .fusion-accordian .fusion-panel { border-color: var(--lep-accordion-line) !important; } body.page-id-8593 .fusion-accordian .panel-title a { padding: 16px 0 !important; color: var(--lep-title) !important; transition: color .2s; } body.page-id-8593 .fusion-accordian .panel-title a:hover, body.page-id-8593 .fusion-accordian .panel-title a.active { color: #000 !important; } body.page-id-8593 .fusion-accordian .fusion-toggle-icon-wrapper { margin-right: 14px; } body.page-id-8593 .fusion-accordian .fa-fusion-box { width: 30px !important; height: 30px !important; line-height: 30px !important; text-align: center; border-radius: 50%; background-color: var(--lep-green) !important; border-color: var(--lep-green) !important; color: #fff !important; font-size: 13px !important; padding: 0 !important; transition: background-color .2s; } /* Signe + / − centré dans la pastille (uniquement l'icône visible) */ body.page-id-8593 .fusion-accordian .panel-title a.active .active-icon, body.page-id-8593 .fusion-accordian .panel-title a:not(.active) .inactive-icon { display: inline-grid !important; place-items: center; } body.page-id-8593 .fusion-accordian .fusion-toggle-icon-boxed .panel-title a.active .fa-fusion-box, body.page-id-8593 .fusion-accordian .fusion-toggle-icon-boxed .panel-title a:hover .fa-fusion-box { background-color: var(--lep-green-dark) !important; } /* Réponses : alignées sous la question, sur toute la largeur */ body.page-id-8593 .fusion-accordian .panel-body { padding: 0 0 18px 44px !important; } @media (max-width: 640px) { body.page-id-8593 .fusion-accordian .panel-body { padding-left: 0 !important; } body.page-id-8593 .fusion-accordian .panel-title a { font-size: 16px !important; line-height: 1.35 !important; } body.page-id-8593 .fusion-accordian .fusion-toggle-icon-wrapper { margin-right: 10px; } body.page-id-8593 .fusion-accordian .fa-fusion-box { width: 26px !important; height: 26px !important; line-height: 26px !important; } } /* ========================================================================== 07. PAGES LÉGALES (Mentions, CGV, Confidentialité) Tableaux affichés en cartes sur mobile ========================================================================== */ @media (max-width: 640px) { .tableau-cle, .tableau-multi { display: block !important; width: 100% !important; margin: 1em 0 1.6em !important; border: 0 !important; font-size: 15px !important; line-height: 1.55 !important; } .tableau-cle thead, .tableau-multi thead { display: none !important; } .tableau-cle tbody, .tableau-multi tbody, .tableau-cle tr, .tableau-multi tr { display: block !important; width: 100% !important; } .tableau-cle tr, .tableau-multi tr { margin: 0 0 10px !important; overflow: hidden !important; border: 1px solid #dfe8e0 !important; border-radius: 10px !important; background: #fff !important; } .tableau-cle th, .tableau-cle td, .tableau-multi th, .tableau-multi td { display: block !important; width: 100% !important; padding: 8px 14px !important; border: 0 !important; background: transparent !important; text-align: left !important; overflow-wrap: anywhere; } .tableau-cle tr > :first-child, .tableau-multi tr > :first-child { padding-top: 10px !important; background: #f4f7f4 !important; color: #4e5f50 !important; font-weight: 600 !important; } .tableau-multi td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 2px; font-size: 12px; font-weight: 400; letter-spacing: .05em; text-transform: uppercase; color: #7d9c82; } .tableau-multi tr > :first-child::before { display: none !important; } .page-id-12830 #main a[href^="mailto"], .page-id-12825 #main a[href^="mailto"], .page-id-3 #main a[href^="mailto"] { overflow-wrap: anywhere; } } /* --- 7.x Politique de cookies (Complianz) : titres alignés sur les CGV (prend le pas sur la règle « POLITIQUE DE COOKIES » du thème enfant) --- */ body .page-legale #cmplz-document h2 { margin: var(--h2_typography-margin-top) 0 var(--h2_typography-margin-bottom) !important; } body .page-legale #cmplz-document h3 { font-size: var(--h3_typography-font-size) !important; line-height: var(--h3_typography-line-height) !important; margin: var(--h3_typography-margin-top) 0 var(--h3_typography-margin-bottom) !important; } /* --- 7.x Rétractation (extension lep-retractation) : palette et alertes du site --- */ #main .lep-retr { --lep-g2: var(--lep-green-dark); --lep-gd: var(--lep-green-text); --lep-bg: var(--lep-a-info-bg); --lep-line: var(--lep-a-info-bg); } #main .lep-retr-intro { border-left: 0; border-radius: var(--lep-a-leaf); } #main :is(.lep-retr-note, .lep-retr-steps li:not(.on)) { color: var(--lep-text); } #main .lep-retr-alert { background: var(--lep-a-err-bg); color: var(--lep-title); border-radius: var(--lep-a-leaf); } #main .lep-retr > :last-child { margin-bottom: 0; } /* ========================================================================== 12. ALERTES & NOTICES — WooCommerce, Avada, toast d'ajout au panier (remplace l'ancienne section du 21/10/2026 ; JS associé : Code Fields > « Espace avant », bloc « LEP — Ajout au panier ») Portée #wrapper : passe devant les styles Avada et du thème enfant. Pour revenir en arrière : supprimer toute cette section. ========================================================================== */ :root { --lep-a-leaf: 25px 4px; --lep-a-info-bg: var(--awb-color4, #ddd); --lep-a-ok-bg: #d9e4d9; --lep-a-ok: var(--lep-green-text); --lep-a-err-bg: #eed9d5; --lep-a-err: #a3443a; --lep-a-warn-bg: #efe3cb; --lep-a-warn: #8a5f0f; --lep-i-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); --lep-i-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7h.01'/%3E%3C/svg%3E"); --lep-i-err: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6.5v7M12 17.5h.01'/%3E%3C/svg%3E"); } /* ---------- Notices : bloc commun ---------- */ #wrapper :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner) { --bg: var(--lep-a-info-bg); --c: var(--lep-title); --i: var(--lep-i-info); position: relative !important; display: flow-root !important; min-height: 60px; margin: 0 0 24px !important; padding: 16px 22px 16px 62px !important; background: var(--bg) !important; color: var(--lep-title) !important; border: 0 !important; border-radius: var(--lep-a-leaf) !important; box-shadow: none !important; list-style: none !important; font-size: 15px; line-height: 1.55; text-align: left; animation: lep-in .35s ease both; } /* types */ #wrapper :is(.woocommerce-message, .wc-block-components-notice-banner.is-success) { --bg: var(--lep-a-ok-bg); --c: var(--lep-a-ok); --i: var(--lep-i-ok); } #wrapper :is(.woocommerce-error, .wc-block-components-notice-banner.is-error) { --bg: var(--lep-a-err-bg); --c: var(--lep-a-err); --i: var(--lep-i-err); } #wrapper .wc-block-components-notice-banner.is-warning { --bg: var(--lep-a-warn-bg); --c: var(--lep-a-warn); --i: var(--lep-i-err); } /* pastille blanche (::before) + pictogramme (::after) */ #wrapper :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner)::before, #wrapper :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner)::after { content: "" !important; display: block !important; position: absolute !important; left: 18px !important; top: 15px !important; width: 30px !important; height: 30px !important; margin: 0 !important; border-radius: 50%; background: #fff !important; font-size: 0 !important; } #wrapper :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner)::after { background: var(--c) !important; -webkit-mask: var(--i) center / 16px no-repeat; mask: var(--i) center / 16px no-repeat; } #wrapper .wc-block-components-notice-banner > svg { display: none !important; } #wrapper .wc-block-components-notice-banner__content { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; min-height: 28px; padding: 0 !important; } #wrapper :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) li { margin: 0 !important; padding: 0 !important; list-style: none !important; } #wrapper .woocommerce-error li + li { margin-top: 6px !important; } /* liens & boutons internes */ #wrapper :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner) a:not(.button) { color: inherit !important; text-decoration: underline; text-underline-offset: 3px; } #wrapper :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner) .button { float: right; display: inline-flex !important; margin: -3px 0 0 16px !important; padding: 7px 18px !important; background: var(--lep-green) !important; color: #fff !important; border: 0 !important; border-radius: var(--lep-leaf) !important; font-size: 14px !important; line-height: 1.4 !important; text-decoration: none !important; transition: background-color .2s; } #wrapper :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner) .button:hover { background: #000 !important; } #wrapper :is(.woocommerce-message, .wc-block-components-notice-banner) .button::before { display: none !important; } #wrapper .wc-block-components-notice-banner__content > .button { float: none; order: 2; margin: 0 !important; } /* ---------- Alertes Avada (formulaires, élément Alerte) ---------- */ #wrapper .fusion-alert { --bg: var(--lep-a-info-bg); --c: var(--lep-title); background: var(--bg) !important; color: var(--lep-title) !important; border: 0 !important; border-radius: var(--lep-a-leaf) !important; box-shadow: none !important; text-shadow: none !important; font-size: 15px; } #wrapper .fusion-alert.alert-success { --bg: var(--lep-a-ok-bg); --c: var(--lep-a-ok); } #wrapper .fusion-alert.alert-danger { --bg: var(--lep-a-err-bg); --c: var(--lep-a-err); } #wrapper .fusion-alert.alert-warning { --bg: var(--lep-a-warn-bg); --c: var(--lep-a-warn); } #wrapper .fusion-alert .alert-icon i { color: var(--c) !important; } #wrapper .fusion-alert .close { color: inherit !important; background: none !important; border: 0 !important; opacity: .5; } #wrapper .fusion-alert .close:hover { opacity: 1; } /* Le toast remplace le lien « Voir le panier » des boutons en boucle */ .products .added_to_cart.wc-forward { display: none !important; } /* ---------- Toast ajout au panier ---------- */ .lep-toast { position: fixed; z-index: 100000; top: var(--lep-toast-top, 20px); right: 20px; width: min(400px, calc(100vw - 32px)); display: grid; grid-template-columns: 30px 1fr 28px; gap: 4px 12px; padding: 16px 16px 18px 18px; background: #fff; color: var(--lep-title); border-radius: var(--lep-a-leaf); box-shadow: 0 10px 40px rgba(128, 128, 128, .22); font-size: 15px; line-height: 1.5; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .25s, transform .25s, visibility 0s .25s; } .lep-toast.is-on { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; } .lep-toast::before { content: ""; height: 30px; border-radius: 50%; background: var(--lep-a-ok-bg); } .lep-toast::after { content: ""; position: absolute; left: 25px; top: 23px; width: 16px; height: 16px; background: var(--lep-a-ok); -webkit-mask: var(--lep-i-ok) center / contain no-repeat; mask: var(--lep-i-ok) center / contain no-repeat; } .lep-toast__msg { padding-top: 3px; } .lep-toast__x { width: 28px; height: 28px; margin: -4px -4px 0 0; padding: 0; border: 0; border-radius: 50%; background: none; cursor: pointer; color: inherit; opacity: .45; font-size: 22px; line-height: 1; } .lep-toast__x:hover, .lep-toast__x:focus-visible { opacity: 1; background: var(--lep-card); } .lep-toast__acts { grid-column: 2 / 4; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; } .lep-toast__btn { padding: 7px 16px; border: 0; border-radius: var(--lep-leaf); background: var(--lep-card); color: inherit !important; font-family: inherit; font-size: 13.5px; line-height: 1.4; text-decoration: none !important; cursor: pointer; transition: background-color .2s; } .lep-toast__btn:hover { background: var(--lep-a-info-bg); } .lep-toast__btn--main { background: var(--lep-green); color: #fff !important; } .lep-toast__btn--main:hover { background: #000; } .lep-toast__bar { position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: var(--lep-green); transform-origin: left; } .lep-toast.is-on .lep-toast__bar { animation: lep-bar 5s linear forwards; } .lep-toast:is(:hover, :focus-within) .lep-toast__bar { animation-play-state: paused; } /* rebond du compteur panier */ /* inline-flex (et non inline-block) : garde le chiffre centré dans le rond après un ajout */ .lep-bump .fusion-widget-cart-number { display: inline-flex; animation: lep-bump .5s ease; } @media (max-width: 640px) { .lep-toast { top: auto; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); right: 16px; width: calc(100vw - 32px); transform: translateY(8px); } #wrapper .woocommerce-message .button { float: none; display: flex !important; width: fit-content; margin: 10px 0 0 !important; } } @keyframes lep-in { from { opacity: 0; transform: translateY(-4px); } } @keyframes lep-bar { to { transform: scaleX(0); } } @keyframes lep-bump { 40% { transform: scale(1.35); } } @media (prefers-reduced-motion: reduce) { #wrapper :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner), .lep-bump * { animation: none !important; } .lep-toast { transition: none; } } /* ========================================================================== 13. BANNIÈRE COOKIES COMPLIANZ — boutons harmonisés ========================================================================== */ .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences { color: #5f7f5f; } @media (min-width: 768px) { .cmplz-cookiebanner .cmplz-buttons { gap: 10px; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { flex: 1 1 0; width: auto; min-width: 0; margin: 0; padding: 10px 12px; font-size: 14px; white-space: nowrap; } .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences { flex-grow: 1.35; } } /* ========================================================= L'Empreinte des Plantes – Radios / checkboxes + mini-panier ========================================================= */ /* ---------- 1. RADIOS checkout (livraison + paiement) ---------- Le rond ET le point sont dessinés dans le ::before (point = fond coloré + anneau blanc intérieur) => toujours parfaitement centré, identique partout, même sur 2-3 lignes. */ .fusion-woo-checkout-order-review-tb ul li > label::before, body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label::before { content: "" !important; display: block !important; position: static !important; box-sizing: border-box !important; flex: 0 0 16px !important; width: 16px !important; min-width: 16px !important; height: 16px !important; align-self: flex-start !important; /* aligné sur la 1re ligne de texte */ margin: 0.2em 10px 0 0 !important; margin-top: calc((1lh - 16px) / 2) !important; border: 1px solid var(--form_border_color) !important; border-radius: 50% !important; background: #fff !important; box-shadow: none !important; transform: none !important; transition: border-color .2s, background-color .2s, box-shadow .2s; } .fusion-woo-checkout-order-review-tb ul li input:checked + label::before, body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input:checked + label::before { border-color: var(--form_focus_border_color) !important; background: var(--form_focus_border_color) !important; box-shadow: inset 0 0 0 3px #fff !important; } /* ancien point Avada (mal positionné) supprimé */ .fusion-woo-checkout-order-review-tb ul li > label::after, body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label::after { content: none !important; display: none !important; } /* ---------- 2. CHECKBOXES checkout Avada ---------- (« Expédier à une adresse différente », « Créer un compte »…) Même logique : carré 16px, point carré centré. */ /* ---------- 3. Mini-panier (dropdown menu) arrondi ---------- */ .awb-menu .fusion-menu-cart > .awb-menu__sub-ul, .awb-menu .fusion-widget-cart > .awb-menu__sub-ul { border-radius: 5px !important; overflow: hidden !important; } /* === Popup « Conseil » (#awb-oc-8929) === */ #awb-oc-8929 .fusion-form-checkbox{position:relative;width:100%;margin-right:0!important;align-items:flex-start!important} #awb-oc-8929 .fusion-form-checkbox label{padding-left:32px!important;line-height:1.5!important;text-align:left!important;text-indent:0!important;cursor:pointer} #awb-oc-8929 .fusion-form-checkbox label::before, #awb-oc-8929 .fusion-form-checkbox input[type="checkbox"]{box-sizing:border-box;width:20px;height:20px;min-width:20px;left:0;top:calc(.75em - 10px)!important;transform:none!important} #awb-oc-8929 .fusion-form-checkbox input[type="checkbox"]{z-index:2;cursor:pointer} #awb-oc-8929 .fusion-form-checkbox label::before{border-width:1.5px;border-radius:4px;background:#fff;transition:background-color .15s,border-color .15s} #awb-oc-8929 .fusion-form-checkbox input:checked + label::before{background:var(--awb-form-focus-border-color);border-color:var(--awb-form-focus-border-color)} #awb-oc-8929 .fusion-form-checkbox input:checked + label::after{width:6px;height:11px;left:7px;top:calc(.75em - 7px)!important;transform:rotate(45deg)!important;background:none;border:solid #fff;border-width:0 2px 2px 0;border-radius:0} #awb-oc-8929 .fusion-form-checkbox input:focus-visible + label::before{outline:2px solid var(--awb-form-focus-border-color);outline-offset:2px} @media only screen and (max-width:740px){ #awb-oc-8929{padding:12px!important;box-sizing:border-box} #awb-oc-8929 .awb-off-canvas, #awb-oc-8929 .awb-off-canvas-inner{width:100%!important;max-width:100%!important;height:auto!important;max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important} #awb-oc-8929 .awb-off-canvas-inner{border-radius:12px!important;box-shadow:0 10px 40px rgba(0,0,0,.25)} #awb-oc-8929 .off-canvas-content{height:auto!important;max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain} #awb-oc-8929 .off-canvas-content > .fusion-fullwidth{height:auto!important;padding:24px 18px 20px!important} #awb-oc-8929 .fusion-form .fusion-fullwidth{padding-left:0!important;padding-right:0!important} #awb-oc-8929 .off-canvas-close{top:6px!important;right:6px!important;margin:0!important;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:100!important} #awb-oc-8929 input:not([type="checkbox"]),#awb-oc-8929 textarea{font-size:16px!important} #awb-oc-8929 .fusion-form-checkbox label{font-size:15px} } /* Texte à côté de la case */ .fusion-form-form-wrapper .fusion-form-checkbox label { font-size: 13px !important; line-height: 1.5 !important; } /* Titre du champ « Consentement * » */ .fusion-form-form-wrapper .fusion-form-consent-field .fusion-form-label { font-size: 14px !important; } .fusion-form-form-wrapper .fusion-form-field { --awb-field-margin-top: 8px; --awb-field-margin-bottom: 0px; } /* ========================================================================== 15. NEWSLETTER DU PIED DE PAGE (ancien « CSS additionnel » de WordPress) ========================================================================== */ /* ===== Newsletter footer : Avada Form #1763 ===== */ /* Ligne du formulaire : champs et bouton sur une ligne, qui passe à la ligne si besoin */ .fusion-builder-row-inner:has([data-form-id="1763"]) { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; box-sizing: border-box; } /* Colonnes : on neutralise les largeurs 25% et les grosses marges */ .fusion-builder-row-inner:has([data-form-id="1763"]) > .fusion-layout-column { flex: 1 1 160px !important; width: auto !important; min-width: 0; margin: 0 !important; } /* L'e-mail prend plus de place */ .fusion-builder-row-inner:has([data-form-id="1763"]) > .fusion-layout-column:has(input[type="email"]) { flex: 2 1 220px !important; } /* Le bouton garde sa taille naturelle */ .fusion-builder-row-inner:has([data-form-id="1763"]) > .fusion-layout-column:has(button[type="submit"]) { flex: 0 0 auto !important; } .fusion-form-field[data-form-id="1763"] { margin: 0 !important; } /* Champs */ .fusion-form-field[data-form-id="1763"] input.fusion-form-input { width: 100%; height: 48px !important; /* ≥ 44px pour le tactile */ padding: 0 18px !important; font-size: 16px !important; /* évite le zoom automatique sur iPhone */ box-sizing: border-box; transition: border-color .2s, box-shadow .2s; } .fusion-form-field[data-form-id="1763"] input.fusion-form-input::placeholder { color: #767676; opacity: 1; } .fusion-form-field[data-form-id="1763"] input.fusion-form-input:focus { outline: none; border-color: var(--awb-color5) !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, .45); } /* Bouton */ button.form-form-submit[data-form-number="1763"] { height: 48px; min-width: 48px; cursor: pointer; transition: filter .2s, transform .1s; } button.form-form-submit[data-form-number="1763"]:hover { filter: brightness(.92); } button.form-form-submit[data-form-number="1763"]:active { transform: translateY(1px); } button.form-form-submit[data-form-number="1763"]:focus-visible { outline: 3px solid #fff; outline-offset: 2px; } /* Bloc reCAPTCHA + messages : on resserre */ .fusion-builder-column-41 { margin-top: 8px !important; } .form-submission-notices .fusion-alert { margin: 0 !important; padding: 10px 14px; font-size: 14px; border-radius: 6px; } /* Mention de consentement (voir plus bas) */ .nl-consent, .nl-consent p { margin: 0; font-size: 12.5px; line-height: 1.5; opacity: .85; } .nl-consent a { color: inherit; text-decoration: underline; } /* Mobile : tout en pleine largeur */ @media (max-width: 600px) { .fusion-builder-row-inner:has([data-form-id="1763"]) > .fusion-layout-column, .fusion-builder-row-inner:has([data-form-id="1763"]) > .fusion-layout-column:has(input[type="email"]), .fusion-builder-row-inner:has([data-form-id="1763"]) > .fusion-layout-column:has(button[type="submit"]) { flex: 1 1 100% !important; } button.form-form-submit[data-form-number="1763"] { width: 100%; } } /* ····· Newsletter footer — ordinateur (≥ 1025px) : rééquilibrage (Web67, 28/10/2026) ····· Nom et Prénom de même largeur, e-mail plus large, bouton à la hauteur des champs, espaces identiques, le tout aligné sur le titre « Newsletter » et le filet au-dessus. La rangée d'Avada fait 105 % de large (style en ligne non modifiable) : le retrait intérieur de 2,5 % la ramène exactement à la largeur du formulaire. */ @media (min-width: 1025px) { .fusion-builder-row-inner > .fusion-layout-column:has(form.fusion-form-1763) { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; } form.fusion-form-1763 .fusion-builder-row-inner { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.5fr) auto; gap: 14px; align-items: center; box-sizing: border-box; padding-left: 2.5% !important; /* + réserve à droite pour la bulle « CONSEIL » (120 px + 10 px de marge, fixée en bas à droite) : le bouton ne passe plus dessous, quelle que soit la largeur d'écran. */ padding-right: calc(2.5% + max(0px, 150px - max(30px, (100vw - 1270px) / 2))) !important; } form.fusion-form-1763 .fusion-builder-row-inner > .fusion-layout-column { width: auto !important; min-width: 0; margin: 0 !important; } form.fusion-form-1763 .fusion-builder-row-inner > .fusion-layout-column > .fusion-column-wrapper { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } button.form-form-submit[data-form-number="1763"] { height: 48px !important; min-height: 48px !important; padding: 0 30px !important; } } /* ========================================================================== 17. MINI-PANIER DE L'EN-TÊTE (survol de l'icône panier) — Web67, 28/10/2026 Un seul bouton « Voir le panier » (le lien « Commander » est masqué, centrage). ========================================================================== */ .fusion-menu-cart-checkout .fusion-menu-cart-checkout-link { display: none !important; } .fusion-menu-cart-checkout { justify-content: center !important; } /* ========================================================================== 18. SÉLECTEUR DE QUANTITÉ (− / +) — partout (fiche produit, panier…) — Web67, 28/10/2026 Le « - » de la police était trop fin et plus bas que le « + » : les deux signes sont dessinés en CSS (même épaisseur, centrés). Les boutons restent les d'Avada (.minus / .plus) : leur fonctionnement n'est pas modifié. Fiche produit : séparateurs et fond dans lep-boutique.css (§ 9.5). ========================================================================== */ .quantity.buttons_added input.minus, .quantity.buttons_added input.plus { color: transparent !important; text-shadow: none !important; font-size: 0 !important; cursor: pointer; background-repeat: no-repeat !important; background-position: center !important; background-size: 12px 2px, 2px 12px !important; } .quantity.buttons_added input.minus { background-image: linear-gradient(#4c4c4c, #4c4c4c) !important; } .quantity.buttons_added input.plus { background-image: linear-gradient(#4c4c4c, #4c4c4c), linear-gradient(#4c4c4c, #4c4c4c) !important; } .quantity.buttons_added input.minus:focus-visible, .quantity.buttons_added input.plus:focus-visible { outline: 2px solid var(--awb-color5, #a7c0a7); outline-offset: -2px; } /* ========================================================================== 19. BANDEAU TITRE DES PAGES (Avada « Page Title Bar ») — Web67, 28/10/2026 Le titre reste dans la zone verte, entre les illustrations de fleurs (gauche/droite), et ses lignes sont équilibrées (pas de mot seul sur la dernière ligne). ========================================================================== */ .fusion-tb-page-title-bar .fusion-title { max-width: 50vw; margin-left: auto !important; margin-right: auto !important; } .fusion-tb-page-title-bar .fusion-title .fusion-title-heading { text-wrap: balance; } /* Mobile : sur les bandeaux hauts, seules les fleurs de gauche sont visibles. On les décale un peu vers la gauche et le titre (un peu plus petit) occupe la zone verte à leur droite. Recherche (bandeau plus bas, fleurs des deux côtés) : titre simplement centré, plus large. */ @media (max-width: 640px) { body:not(.search) .fusion-tb-page-title-bar .fusion-fullwidth { background-position: -25px 0 !important; padding-left: 12px !important; padding-right: 12px !important; } body:not(.search) .fusion-tb-page-title-bar .fusion-layout-column { padding-left: 0 !important; padding-right: 0 !important; } body:not(.search) .fusion-tb-page-title-bar .fusion-layout-column > .fusion-column-wrapper { margin-left: 0 !important; margin-right: 0 !important; } body:not(.search) .fusion-tb-page-title-bar .fusion-title { max-width: none; margin-left: 76px !important; margin-right: 0 !important; } body:not(.search) .fusion-tb-page-title-bar .fusion-title .fusion-title-heading { font-size: 24px !important; line-height: 1.3 !important; } body.search .fusion-tb-page-title-bar .fusion-title { max-width: 60vw; } }