/*! * Belweder Palette 1.9.1 — ajustements typographie et mise en page * * Une seule échelle de tailles pour tout le site : 13 · 15 · 17 · 24 · 32 px * 13 : mentions, étiquettes en capitales, boutons * 15 : texte courant * 17 : sous-titres et texte d'accroche * 24 : titres de section et prix * 32 : titres de page (produit, catégorie) * Deux familles seulement : Marcellus pour les titres et les prix, Jost pour tout le reste. * Toutes les règles sont préfixées par #bw-pal (identifiant posé sur par l'extension). */ :root{ --bw-fs-xs:13px; --bw-fs-s:15px; --bw-fs-m:17px; --bw-fs-l:24px; --bw-fs-xl:32px; --bw-serif:'Marcellus',Georgia,serif; --bw-sans:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif; } @media (max-width:767px){ :root{--bw-fs-l:20px;--bw-fs-xl:26px} } /* ===================================================================== * 1. PIED DE PAGE — deux tailles : 15 (titres et texte) et 13 (mentions) * ===================================================================== */ #bw-pal .elementor-location-footer .elementor-heading-title{ font-family:var(--bw-serif)!important; font-size:var(--bw-fs-s)!important; font-weight:400!important; letter-spacing:.16em!important; text-transform:uppercase!important; line-height:1.4!important; } #bw-pal .elementor-location-footer .elementor-widget-text-editor, #bw-pal .elementor-location-footer .elementor-widget-text-editor p, #bw-pal .elementor-location-footer .elementor-icon-list-text, #bw-pal .elementor-location-footer .elementor-field-textual, #bw-pal .elementor-location-footer input[type="email"], #bw-pal .elementor-location-footer input[type="text"]{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-s)!important; line-height:1.7!important; } /* Bandeau de réassurance : étiquette en capitales + mention */ #bw-pal .elementor-location-footer .elementor-icon-box-title, #bw-pal .elementor-location-footer .elementor-icon-box-title a, #bw-pal .elementor-location-footer .elementor-icon-box-title span{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:500!important; letter-spacing:.14em!important; text-transform:uppercase!important; line-height:1.4!important; } #bw-pal .elementor-location-footer .elementor-icon-box-description{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; line-height:1.6!important; } /* Mentions : texte RGPD sous la newsletter et barre du bas */ #bw-pal .elementor-location-footer .elementor-widget-text-editor p[style*="font-size"], #bw-pal .elementor-location-footer .elementor-top-section:last-child .elementor-widget-text-editor p, #bw-pal .elementor-location-footer .elementor-top-section:last-child .elementor-icon-list-text, #bw-pal .elementor-location-footer > .e-con:last-child .elementor-widget-text-editor p, #bw-pal .elementor-location-footer > .e-con:last-child .elementor-icon-list-text{ font-size:var(--bw-fs-xs)!important; line-height:1.6!important; } /* Bouton d'inscription */ #bw-pal .elementor-location-footer .elementor-button, #bw-pal .elementor-location-footer button[type="submit"]{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:500!important; letter-spacing:.14em!important; text-transform:uppercase!important; } /* Coches des listes : même taille partout */ #bw-pal .elementor-location-footer .elementor-icon-list-icon i{font-size:11px!important} #bw-pal .elementor-location-footer .elementor-icon-list-icon svg{width:11px!important;height:11px!important} /* ===================================================================== * 2. EN-TÊTE DES CATÉGORIES — produits visibles plus tôt * Bandeau 180 px au lieu d'environ 300, description repliée sur 2 lignes, * « Lire la suite » juste dessous, marges resserrées. * ===================================================================== */ #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero){ padding-top:20px!important; padding-bottom:22px!important; } #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero) .elementor-widget:not(:last-child){ margin-bottom:14px!important; } #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero) .elementor-widget.bw-cat-desc:not(:last-child){ margin-bottom:0!important; } #bw-pal .bw-cathero{ height:180px!important; min-height:0!important; padding:0!important; display:flex!important; align-items:flex-end!important; background-position:center 45%!important; } #bw-pal .bw-cathero-in{padding:0 32px 22px!important;width:100%} #bw-pal .bw-cat-h1{ font-size:var(--bw-fs-xl)!important; line-height:1.15!important; margin:0!important; } #bw-pal .bw-cat-desc .elementor-widget-container{max-height:52px!important} #bw-pal .bw-cat-desc.bw-open .elementor-widget-container{max-height:4000px!important} #bw-pal .bw-cat-desc.bw-short .elementor-widget-container{max-height:none!important} #bw-pal .bw-cat-desc .elementor-widget-container::after{height:28px!important} #bw-pal .bw-cat-desc p{ font-size:var(--bw-fs-s)!important; line-height:1.7!important; margin:0 0 8px!important; } #bw-pal .bw-desc-toggle-wrap{margin:0!important} #bw-pal .bw-desc-toggle{margin:6px 0 0!important;font-size:var(--bw-fs-xs)!important} #bw-pal .bw-besoins{margin:0!important} #bw-pal .bw-archive{padding-top:28px!important} @media (max-width:767px){ #bw-pal .bw-cathero{height:140px!important} #bw-pal .bw-cathero-in{padding:0 18px 16px!important} } /* ===================================================================== * 3. FICHE PRODUIT — typographie * ===================================================================== */ /* Titre produit : affiché tel qu'il est écrit (plus de capitales forcées) */ #bw-pal .single-product .elementor-location-single .product_title, #bw-pal .single-product .elementor-location-single h1.elementor-heading-title{ font-family:var(--bw-serif)!important; font-size:var(--bw-fs-xl)!important; font-weight:400!important; line-height:1.2!important; letter-spacing:.02em!important; text-transform:none!important; } /* Titres de section */ #bw-pal .single-product .elementor-location-single h2.elementor-heading-title, #bw-pal .single-product .elementor-location-single .bw-ligne-t{ font-family:var(--bw-serif)!important; font-size:var(--bw-fs-l)!important; font-weight:400!important; line-height:1.3!important; letter-spacing:.12em!important; text-transform:uppercase!important; } /* Sous-titres (bienfaits, conseils, formule, cartes) */ #bw-pal .single-product .elementor-location-single h3.elementor-heading-title, #bw-pal .single-product .elementor-location-single h4.elementor-heading-title, #bw-pal .single-product .elementor-location-single .elementor-icon-box-title{ font-family:var(--bw-serif)!important; font-size:var(--bw-fs-m)!important; font-weight:400!important; line-height:1.35!important; letter-spacing:.1em!important; text-transform:uppercase!important; } /* Étiquettes (catégorie au-dessus du titre, « Pour qui », « Action »…) */ #bw-pal .single-product .elementor-location-single h5.elementor-heading-title, #bw-pal .single-product .elementor-location-single h6.elementor-heading-title{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:500!important; line-height:1.5!important; letter-spacing:.18em!important; text-transform:uppercase!important; } /* Noms des ingrédients */ #bw-pal .single-product .elementor-location-single .elementor-image-box-title{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-m)!important; font-weight:500!important; letter-spacing:0!important; text-transform:none!important; line-height:1.4!important; } /* Texte courant */ #bw-pal .single-product .elementor-location-single .elementor-widget-text-editor, #bw-pal .single-product .elementor-location-single .elementor-widget-text-editor p, #bw-pal .single-product .elementor-location-single .elementor-icon-box-description, #bw-pal .single-product .elementor-location-single .elementor-image-box-description, #bw-pal .single-product .elementor-location-single .elementor-icon-list-text, #bw-pal .single-product .elementor-location-single .elementor-tab-content, #bw-pal .single-product .elementor-location-single .elementor-tab-content p, #bw-pal .single-product .elementor-location-single .elementor-testimonial-content, #bw-pal .single-product .elementor-location-single .bw-steps li, #bw-pal .single-product .elementor-location-single .bw-ligne-s{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-s)!important; font-weight:400!important; line-height:1.7!important; } /* Texte d'accroche (description courte) */ #bw-pal .single-product .elementor-location-single .woocommerce-product-details__short-description, #bw-pal .single-product .elementor-location-single .woocommerce-product-details__short-description p{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-m)!important; font-weight:400!important; line-height:1.65!important; color:var(--bw-texte,#4A4F4C)!important; } /* Textes collés depuis un autre outil : les styles en ligne (police, taille, couleur) sont neutralisés */ #bw-pal .single-product .elementor-location-single .woocommerce-product-details__short-description :is(span,font,p)[style], #bw-pal .single-product .elementor-location-single .woocommerce-product-details__short-description font, #bw-pal .single-product .elementor-location-single .elementor-widget-text-editor :is(span,font)[style], #bw-pal .single-product .elementor-location-single .elementor-widget-text-editor font, #bw-pal .single-product .elementor-location-single .elementor-tab-content :is(span,font)[style], #bw-pal .single-product .elementor-location-single .elementor-tab-content font{ font-family:inherit!important; font-size:inherit!important; color:inherit!important; background-color:transparent!important; } /* FAQ et liste INCI */ #bw-pal .single-product .elementor-location-single .elementor-toggle .elementor-tab-title, #bw-pal .single-product .elementor-location-single .elementor-toggle .elementor-toggle-title{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-s)!important; font-weight:500!important; letter-spacing:0!important; text-transform:none!important; } #bw-pal .single-product .elementor-location-single .elementor-accordion .elementor-tab-title, #bw-pal .single-product .elementor-location-single .elementor-accordion .elementor-accordion-title{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:500!important; letter-spacing:.14em!important; text-transform:uppercase!important; } /* Prix du produit (les prix des cartes gardent leur taille) */ #bw-pal .single-product .elementor-location-single .elementor-widget-woocommerce-product-price .price, #bw-pal .single-product .elementor-location-single .elementor-widget-woocommerce-product-price .price .amount{ font-family:var(--bw-serif)!important; font-size:var(--bw-fs-l)!important; font-weight:400!important; } /* Boutons */ #bw-pal .single-product .elementor-location-single .elementor-button, #bw-pal .single-product .elementor-location-single button.single_add_to_cart_button, #bw-pal .single-product .elementor-location-single .bw-reviews-more, #bw-pal .single-product .elementor-location-single .bw-review-form-toggle{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:500!important; letter-spacing:.14em!important; text-transform:uppercase!important; } /* Avis clients */ #bw-pal .single-product .elementor-location-single .bw-review-card p.bw-rtext{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-s)!important; line-height:1.7!important; } #bw-pal .single-product .elementor-location-single .bw-review-card .bw-rname, #bw-pal .single-product .elementor-location-single .bw-review-card .bw-rverif, #bw-pal .single-product .elementor-location-single p.stock{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; } /* Bloc d'achat : actifs, mentions et pictos en plus petit */ #bw-pal .single-product .elementor-location-single :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-woocommerce-product-images) h4.elementor-heading-title{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-s)!important; font-weight:500!important; letter-spacing:.08em!important; } #bw-pal .single-product .elementor-location-single :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-woocommerce-product-images) .elementor-widget-text-editor p, #bw-pal .single-product .elementor-location-single :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-woocommerce-product-images) .elementor-icon-box-description, #bw-pal .single-product .elementor-location-single :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-woocommerce-product-images) .elementor-icon-list-text{ font-size:var(--bw-fs-xs)!important; line-height:1.55!important; } /* Fil d'Ariane : même style sur toutes les fiches (template ou fil ajouté automatiquement) */ #bw-pal .single-product .woocommerce-breadcrumb{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; line-height:1.5!important; } #bw-pal .bw-crumb-auto{padding:24px 0 0!important;margin:0!important} #bw-pal .bw-crumb-auto .bw-crumb-auto-in{width:100%;padding:0 10px} #bw-pal .bw-crumb-auto .woocommerce-breadcrumb{margin:0!important;padding:0!important} /* Widget de note vide (produit sans avis) : supprime le trou dans le bloc d'achat */ #bw-pal .single-product .elementor-location-single .elementor-widget-woocommerce-product-rating:not(:has(.star-rating)){display:none!important} /* ===================================================================== * 4. FICHE PRODUIT — galerie remontée, collée à gauche, image entière * ===================================================================== */ #bw-pal .single-product .elementor-location-single :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-woocommerce-product-images){ padding-top:24px!important; } @media (min-width:768px){ #bw-pal .single-product .elementor-location-single .woocommerce-product-gallery{ display:grid!important; grid-template-columns:76px minmax(0,1fr)!important; column-gap:16px!important; align-items:start!important; position:relative!important; width:100%!important; max-width:none!important; float:none!important; margin:0!important; padding:0!important; } #bw-pal .single-product .elementor-location-single .woocommerce-product-gallery > .flex-viewport, #bw-pal .single-product .elementor-location-single .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper{ grid-column:2!important; grid-row:1!important; width:auto!important; margin:0!important; padding:0!important; left:auto!important; transform:none!important; } #bw-pal .single-product .elementor-location-single .woocommerce-product-gallery ol.flex-control-thumbs{ grid-column:1!important; grid-row:1!important; position:relative!important; left:auto!important; top:auto!important; display:flex!important; flex-direction:column!important; gap:12px!important; width:76px!important; margin:0!important; padding:0!important; } #bw-pal .single-product .elementor-location-single .woocommerce-product-gallery ol.flex-control-thumbs li{ width:76px!important; margin:0!important; float:none!important; } #bw-pal .single-product .elementor-location-single .woocommerce-product-gallery__trigger{ position:absolute!important; top:14px!important; right:14px!important; left:auto!important; z-index:5!important; } } /* Image principale recadrée en carré par le haut : les packshots ont souvent 15 à 35 % de blanc au-dessus du produit, qui faisait « descendre » le visuel. L'image agrandie du zoom au survol (.zoomImg) est exclue : elle doit garder sa taille réelle. */ #bw-pal .single-product .elementor-location-single .woocommerce-product-gallery__image img:not(.zoomImg){ aspect-ratio:1/1!important; width:100%!important; height:auto!important; object-fit:cover!important; object-position:50% 100%!important; } @media (min-width:1025px){ /* Galerie et informations à 50/50, environ 80 px d'écart entre l'image et le texte */ #bw-pal .single-product .elementor-location-single .elementor-column:has(.elementor-widget-woocommerce-product-images){ width:50%!important; align-self:flex-start!important; position:sticky!important; top:120px; } #bw-pal .single-product .elementor-location-single .elementor-column:has(.elementor-widget-woocommerce-product-images) > .elementor-widget-wrap{ padding-right:32px!important; } #bw-pal .single-product .elementor-location-single .elementor-column:has(.elementor-widget-woocommerce-product-images) + .elementor-column{ width:50%!important; } #bw-pal .single-product .elementor-location-single .elementor-column:has(.elementor-widget-woocommerce-product-images) + .elementor-column > .elementor-widget-wrap{ padding-left:48px!important; } /* Même découpage si le bloc est en conteneurs */ #bw-pal .single-product .elementor-location-single .e-con:has(> .elementor-widget-woocommerce-product-images){ width:calc(50% - 20px)!important; --width:calc(50% - 20px)!important; padding-right:20px!important; align-self:flex-start!important; position:sticky!important; top:120px; } #bw-pal .single-product .elementor-location-single .e-con:has(> .elementor-widget-woocommerce-product-images) + .e-con{ width:calc(50% - 20px)!important; --width:calc(50% - 20px)!important; padding-left:20px!important; } } /* ===================================================================== * 5. « COMPLÉTEZ LA LIGNE » — cartes à la taille de la boutique * (un seul produit ne s'étire plus sur toute la largeur) * ===================================================================== */ #bw-pal .bw-ligne ul.products{ display:flex!important; flex-wrap:wrap!important; justify-content:center!important; gap:20px!important; margin:0!important; grid-template-columns:none!important; } #bw-pal .bw-ligne ul.products::before, #bw-pal .bw-ligne ul.products::after{display:none!important} #bw-pal .bw-ligne ul.products li.product{ flex:0 1 300px!important; width:auto!important; max-width:300px!important; margin:0!important; float:none!important; } @media (max-width:767px){ #bw-pal .bw-ligne ul.products li.product{flex-basis:100%!important;max-width:340px!important} } /* ===================================================================== * 6. ACCUEIL — « Le bon soin pour votre besoin » en sommaire éditorial * Un seul panneau blanc en trois colonnes séparées par des filets ; * les besoins deviennent une liste de liens en Marcellus avec flèche, * le lien « Tout l'univers » est aligné en bas de chaque colonne. * ===================================================================== */ #bw-pal .bw-home-bes{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:0!important; max-width:1080px; margin:0 auto!important; padding:34px 0!important; background:var(--bw-blanc,#fff)!important; border:1px solid var(--bw-bordure,#E7E7E3)!important; border-radius:16px!important; } #bw-pal .bw-home-bes article{ display:flex!important; flex-direction:column!important; padding:4px 36px!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } #bw-pal .bw-home-bes article + article{border-left:1px solid var(--bw-bordure,#E7E7E3)!important} #bw-pal .bw-home-bes h3{ display:flex!important; align-items:center!important; gap:10px!important; margin:0 0 8px!important; font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:500!important; letter-spacing:.18em!important; text-transform:uppercase!important; color:var(--bw-texte-2,#646966)!important; } #bw-pal .bw-home-bes h3::before{ content:""; width:18px; height:2px; border-radius:2px; background:var(--bw-teal,#86C2BC); flex:none; } #bw-pal .bw-home-bes .bw-besoins{ display:flex!important; flex-direction:column!important; flex-wrap:nowrap!important; align-items:stretch!important; gap:0!important; margin:0!important; } #bw-pal .bw-home-bes .bw-besoins-l{display:none!important} #bw-pal .bw-home-bes .bw-besoins a{ display:flex!important; justify-content:space-between!important; align-items:center!important; gap:12px; padding:15px 0!important; background:transparent!important; border:0!important; border-bottom:1px solid var(--bw-bordure,#E7E7E3)!important; border-radius:0!important; font-family:var(--bw-serif)!important; font-size:var(--bw-fs-m)!important; font-weight:400!important; letter-spacing:.02em!important; text-transform:none!important; text-decoration:none!important; color:var(--bw-anthracite,#292E2C)!important; transition:color .2s; } #bw-pal .bw-home-bes .bw-besoins a::after{ content:"→"; font-family:var(--bw-sans); color:var(--bw-teal-moyen,#5FA39C); transition:transform .25s; } #bw-pal .bw-home-bes .bw-besoins a:hover{ color:var(--bw-teal-moyen,#5FA39C)!important; background:transparent!important; } #bw-pal .bw-home-bes .bw-besoins a:hover::after{transform:translateX(4px)} #bw-pal .bw-home-bes a.univ{ margin-top:auto!important; padding-top:22px!important; align-self:flex-start; font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:500!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--bw-anthracite,#292E2C)!important; text-decoration:underline!important; text-decoration-color:var(--bw-teal,#86C2BC)!important; text-decoration-thickness:1px!important; text-underline-offset:6px!important; } #bw-pal .bw-home-bes a.univ:hover{color:var(--bw-teal-moyen,#5FA39C)!important} @media (max-width:900px){ #bw-pal .bw-home-bes{grid-template-columns:1fr!important;padding:8px 0!important} #bw-pal .bw-home-bes article{padding:22px 24px!important} #bw-pal .bw-home-bes article + article{border-left:0!important;border-top:1px solid var(--bw-bordure,#E7E7E3)!important} #bw-pal .bw-home-bes a.univ{padding-top:16px!important} } /* ---------- Mode onglets (activé par besoins-onglets.js) : un univers à la fois ---------- */ #bw-pal .bw-home-bes.bw-tabs-on{ display:block!important; max-width:880px; padding:26px 44px 30px!important; } #bw-pal .bw-home-bes.bw-tabs-on article{ padding:0!important; border:0!important; min-height:var(--bw-bes-h,auto); } #bw-pal .bw-home-bes.bw-tabs-on article[hidden]{display:none!important} #bw-pal .bw-home-bes.bw-tabs-on h3{display:none!important} #bw-pal .bw-home-bes.bw-tabs-on .bw-besoins{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; column-gap:44px!important; } #bw-pal .bw-home-bes.bw-tabs-on a.univ{margin-top:22px!important;padding-top:0!important} #bw-pal .bw-home-bes .bw-bes-tabs{ display:flex; gap:4px; width:max-content; max-width:100%; margin:0 auto 14px; padding:4px; background:var(--bw-gris-clair,#F7F7F5); border:1px solid var(--bw-bordure,#E7E7E3); border-radius:999px; } #bw-pal .bw-home-bes .bw-bes-tabs .bw-bes-tab{ appearance:none; margin:0!important; padding:10px 24px!important; background:transparent!important; border:0!important; border-radius:999px!important; box-shadow:none!important; font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:500!important; letter-spacing:.14em!important; text-transform:uppercase!important; line-height:1.2!important; color:var(--bw-texte-2,#646966)!important; cursor:pointer; transition:background-color .2s,color .2s; } #bw-pal .bw-home-bes .bw-bes-tabs .bw-bes-tab:hover{color:var(--bw-anthracite,#292E2C)!important;background:transparent!important} #bw-pal .bw-home-bes .bw-bes-tabs .bw-bes-tab.is-on{ background:var(--bw-blanc,#fff)!important; color:var(--bw-anthracite,#292E2C)!important; box-shadow:0 2px 8px rgba(41,46,44,.08)!important; } #bw-pal .bw-home-bes .bw-bes-tabs .bw-bes-tab:focus-visible{outline:2px solid var(--bw-anthracite,#292E2C)!important;outline-offset:2px} @media (max-width:767px){ #bw-pal .bw-home-bes.bw-tabs-on{padding:16px 18px 22px!important} #bw-pal .bw-home-bes.bw-tabs-on .bw-besoins{grid-template-columns:1fr!important} #bw-pal .bw-home-bes .bw-bes-tabs{width:100%} #bw-pal .bw-home-bes .bw-bes-tabs .bw-bes-tab{flex:1;padding:10px 6px!important;letter-spacing:.08em!important} } /* ===================================================================== * 7. PANIER ET PAIEMENT — même échelle typographique, liens harmonisés, * vignettes produits dans le récapitulatif de commande * ===================================================================== */ /* Titre de page et titres de blocs */ #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) h1.elementor-heading-title{font-size:var(--bw-fs-xl)!important} #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) :is(.cart_totals > h2,#order_review_heading,.woocommerce-billing-fields > h3,.woocommerce-shipping-fields > h3,.woocommerce-additional-fields > h3){ font-family:var(--bw-serif)!important; font-size:var(--bw-fs-m)!important; font-weight:400!important; letter-spacing:.12em!important; text-transform:uppercase!important; line-height:1.35!important; } #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) .cross-sells > h2{ font-family:var(--bw-serif)!important; font-size:var(--bw-fs-l)!important; font-weight:400!important; letter-spacing:.12em!important; text-transform:uppercase!important; } /* En-têtes de tableaux : étiquettes 13 px, sans retour à la ligne */ #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) table.shop_table thead th{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:500!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--bw-texte-2,#646966)!important; white-space:nowrap!important; } /* Cellules, totaux, notices : texte courant 15 px */ #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) table.shop_table td, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) table.shop_table tfoot th, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) .cart_totals th, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) .woocommerce-info, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) .woocommerce-message, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) .wc_payment_method > label, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) .quantity .qty{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-s)!important; } #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) table.shop_table tfoot th, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) .cart_totals th, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) .wc_payment_method > label{font-weight:500!important;color:var(--bw-anthracite,#292E2C)!important} /* Noms des produits : anthracite (le teal clair était peu lisible) */ #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) table.shop_table td.product-name, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) table.shop_table td.product-name a{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-s)!important; font-weight:500!important; line-height:1.45!important; color:var(--bw-anthracite,#292E2C)!important; text-decoration:none!important; } #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) table.shop_table td.product-name a:hover{color:var(--bw-teal-moyen,#5FA39C)!important} /* Montant total en Marcellus 24 px, mention de TVA en 13 px */ #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) tr.order-total td .amount, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) tr.order-total td strong{ font-family:var(--bw-serif)!important; font-size:var(--bw-fs-l)!important; font-weight:400!important; color:var(--bw-anthracite,#292E2C)!important; } #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) tr.order-total small, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) tr.order-total .includes_tax, #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) tr.order-total small .amount{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:400!important; color:var(--bw-texte-2,#646966)!important; } /* Formulaire */ #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) .form-row label{ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:500!important; color:var(--bw-anthracite,#292E2C)!important; } #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) :is(.input-text,select,textarea,.select2-selection__rendered){ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-s)!important; } /* Mentions : instructions de paiement, conditions, confidentialité */ #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) :is(.payment_box,.payment_box p,.woocommerce-terms-and-conditions-wrapper,.woocommerce-terms-and-conditions-checkbox-text,.woocommerce-privacy-policy-text,.woocommerce-privacy-policy-text p){ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; line-height:1.6!important; } /* Boutons */ #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) :is(.button,#place_order,.checkout-button){ font-family:var(--bw-sans)!important; font-size:var(--bw-fs-xs)!important; font-weight:500!important; letter-spacing:.14em!important; text-transform:uppercase!important; } /* Liens (code promo, conditions générales…) : fini le bleu d'une extension tierce */ #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) :is(.woocommerce-info a,a.showcoupon,.woocommerce-terms-and-conditions-link,.woocommerce-privacy-policy-link,.woocommerce-form-login-toggle a){ color:var(--bw-anthracite,#292E2C)!important; text-decoration:underline!important; text-decoration-color:var(--bw-teal,#86C2BC)!important; text-underline-offset:3px!important; } #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) :is(.woocommerce-info a,a.showcoupon,.woocommerce-terms-and-conditions-link,.woocommerce-privacy-policy-link,.woocommerce-form-login-toggle a):hover{color:var(--bw-teal-moyen,#5FA39C)!important} @media (max-width:767px){ /* 16 px minimum dans les champs : évite le zoom automatique sur iPhone */ #bw-pal :is(.woocommerce-cart,.woocommerce-checkout) :is(.input-text,select,textarea,.select2-selection__rendered,.quantity .qty){font-size:16px!important} } /* Vignettes dans « Votre commande » */ #bw-pal .woocommerce-checkout-review-order-table td.product-name{width:auto!important;max-width:none!important} #bw-pal .woocommerce-checkout-review-order-table td.product-total{width:1%;white-space:nowrap;vertical-align:middle} #bw-pal .woocommerce-checkout-review-order-table .bw-co-item{display:flex;align-items:center;gap:14px} #bw-pal .woocommerce-checkout-review-order-table .bw-co-thumb{ flex:none; width:56px; height:56px; border:1px solid var(--bw-bordure,#E7E7E3); border-radius:10px; overflow:hidden; background:var(--bw-blanc,#fff); } #bw-pal .woocommerce-checkout-review-order-table .bw-co-thumb img{ width:100%!important; height:100%!important; object-fit:cover; display:block; margin:0!important; border-radius:0!important; } #bw-pal .woocommerce-checkout-review-order-table .bw-co-name{display:block} #bw-pal .woocommerce-checkout-review-order-table .bw-co-name .product-quantity{ font-weight:400!important; color:var(--bw-texte-2,#646966)!important; white-space:nowrap; } /* ===================================================================== * 8. EN-TÊTE DE CATÉGORIE EN COUVERTURE (remplace le bandeau image séparé) * L'image de l'univers devient le fond de tout l'en-tête ; fil d'Ariane, * titre et présentation sont posés dessus, sur un voile blanc dégradé qui * laisse voir l'image à droite (en haut sur mobile). Catégorie sans image : * l'en-tête clair actuel reste inchangé. * ===================================================================== */ #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg){ position:relative!important; overflow:hidden!important; isolation:isolate; padding-top:40px!important; padding-bottom:38px!important; background-color:var(--bw-gris-clair,#F7F7F5)!important; } /* Les conteneurs intermédiaires ne servent plus de repère : l'image remplit tout l'en-tête */ #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) :is(.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-section,.e-con,.e-con-inner), #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .elementor-widget:has(.bw-cathero-bg), #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .elementor-widget:has(.bw-cathero-bg) > .elementor-widget-container{position:static!important} #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cathero{ position:static!important; display:block!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; background:none!important; border-radius:0!important; overflow:visible!important; } #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cathero-bg{ position:absolute!important; inset:0!important; z-index:0!important; border-radius:0!important; background-position:center 40%!important; } #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cathero::before{ content:""!important; display:block!important; position:absolute!important; inset:0!important; z-index:1!important; background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.4) 68%,rgba(255,255,255,0) 100%)!important; } #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cathero-in{position:relative!important;z-index:2!important;padding:0!important;max-width:660px} #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .elementor-widget:not(:has(.bw-cathero-bg)), #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-desc-toggle-wrap{position:relative!important;z-index:2!important} #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cat-h1{ color:var(--bw-anthracite,#292E2C)!important; text-shadow:none!important; font-size:var(--bw-fs-xl)!important; line-height:1.18!important; margin:0!important; } #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cat-desc{max-width:640px} #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cat-desc .elementor-widget-container::after{display:none!important} #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cat-desc:not(.bw-open):not(.bw-short) .elementor-widget-container{ -webkit-mask-image:linear-gradient(180deg,#000 40%,transparent); mask-image:linear-gradient(180deg,#000 40%,transparent); } #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-besoins a{background:rgba(255,255,255,.75)!important} @media (max-width:1024px){ #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cathero::before{ background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 55%,rgba(255,255,255,.6) 100%)!important; } } @media (max-width:767px){ /* Mobile : l'image occupe une bande de 140 px en haut, cadrée sur le sujet de la photo (et non sur son haut, souvent presque blanc), puis se fond dans le fond de l'en-tête. Le texte commence juste sous la partie nette. */ #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg){padding-top:126px!important;padding-bottom:24px!important} #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cathero-bg{ bottom:auto!important; height:140px!important; background-position:center 60%!important; } #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cathero::before{ background:linear-gradient(180deg,rgba(247,247,245,0) 0,rgba(247,247,245,0) 76px,rgba(247,247,245,.94) 128px,#F7F7F5 140px)!important; } #bw-pal :is(.elementor-top-section,.e-con.e-parent):has(.bw-cathero-bg) .bw-cat-h1{font-size:var(--bw-fs-l)!important;line-height:1.22!important} } /* ===================================================================== * 9. ACCUEIL MOBILE — premier écran : visuel, titre et bouton d'achat * La mosaïque des 3 univers passe au-dessus du texte, en bandeau de * 3 vignettes cliquables ; texte centré ; un bouton principal + un lien. * L'affichage ordinateur et tablette ne change pas. * ===================================================================== */ @media (max-width:767px){ #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt){padding-top:14px!important;padding-bottom:30px!important} /* Mosaïque en premier */ #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .elementor-column:has(.bw-hero-mosaic){order:-1!important;margin-bottom:18px!important} #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-mosaic{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:auto!important; gap:8px!important; height:auto!important; } #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-mosaic a, #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-mosaic a:first-child{ grid-column:auto!important; grid-row:auto!important; aspect-ratio:4/5!important; border-radius:12px!important; overflow:hidden; } #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-mosaic img{width:100%!important;height:100%!important;object-fit:cover!important} #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-mosaic .tag{ left:6px!important; right:6px!important; bottom:6px!important; padding:5px 4px!important; font-size:10px!important; letter-spacing:.1em!important; text-align:center!important; } /* Texte centré, tailles de l'échelle */ #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-txt .elementor-heading-title, #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-txt .elementor-widget-text-editor, #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-txt .elementor-widget-text-editor p{text-align:center!important} #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-txt h1.elementor-heading-title{font-size:var(--bw-fs-xl)!important;line-height:1.25!important} #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-txt .elementor-widget-text-editor p{font-size:var(--bw-fs-s)!important;line-height:1.65!important} #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-txt .elementor-icon-list-items{justify-content:center!important} #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .bw-hero-txt .elementor-icon-list-item{justify-content:center!important;font-size:var(--bw-fs-xs)!important} /* Un bouton principal pleine largeur, « Découvrir la marque » en simple lien */ #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .elementor-inner-section .elementor-button-wrapper{text-align:center!important} #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .elementor-inner-section .elementor-column:first-child .elementor-button{width:100%!important;max-width:360px} #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .elementor-inner-section .elementor-column + .elementor-column .elementor-button{ background:transparent!important; border-color:transparent!important; box-shadow:none!important; padding:6px 0!important; color:var(--bw-anthracite,#292E2C)!important; text-decoration:underline!important; text-decoration-color:var(--bw-teal,#86C2BC)!important; text-decoration-thickness:1px!important; text-underline-offset:6px!important; } #bw-pal .bw-home:has(.bw-hero-mosaic):has(.bw-hero-txt) .elementor-inner-section .elementor-column + .elementor-column{margin-top:2px!important} } /* ===================================================================== * 10. BARRE DU HAUT — les trois groupes (livraison, liens, réseaux) * alignés sur la même ligne, centrés verticalement * ===================================================================== */ #bw-pal .elementor-location-header :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-social-icons) > .elementor-container, #bw-pal .elementor-location-header :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-social-icons) .elementor-row, #bw-pal .elementor-location-header :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-social-icons).e-con, #bw-pal .elementor-location-header :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-social-icons) .e-con-inner{align-items:center!important} #bw-pal .elementor-location-header :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-social-icons) :is(.elementor-column,.e-con){align-self:center!important} #bw-pal .elementor-location-header :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-social-icons) .elementor-widget-wrap{align-items:center!important;align-content:center!important} #bw-pal .elementor-location-header :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-social-icons) .elementor-widget, #bw-pal .elementor-location-header :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-social-icons) .elementor-widget:not(:last-child){margin-top:0!important;margin-bottom:0!important} #bw-pal .elementor-location-header :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-social-icons) :is(.elementor-widget-container,p,.elementor-icon-list-items,.elementor-icon-list-item){margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important} #bw-pal .elementor-location-header :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-social-icons) .elementor-icon-list-item{align-items:center!important} #bw-pal .elementor-location-header :is(.elementor-top-section,.e-con.e-parent):has(.elementor-widget-social-icons){padding-top:8px!important;padding-bottom:8px!important}