:root {
	--wd-hb-opt-h: 41px;
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(16,97,99);
	--wd-text-font-size: 16px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: none;
	--wd-title-color: rgb(16,97,99);
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(16,97,99);
	--wd-entities-title-color-hover: rgb(255, 102, 0);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(16,97,99);
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: none;
	--wd-primary-color: rgb(16,97,99);
	--wd-alternative-color: rgb(255,102,0);
	--btn-default-bgcolor: rgb(31,113,108);
	--btn-default-bgcolor-hover: rgb(255,102,0);
	--btn-accented-bgcolor: rgb(31,113,108);
	--btn-accented-bgcolor-hover: rgb(255,102,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(16,97,99);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(16,97,99);
	--notices-warning-color: rgb(255,255,255);
	--wd-link-color: rgb(31,111,106);
	--wd-link-color-hover: rgb(255,102,0);
	--wd-link-decor-style: solid;
	--wd-link-decor-style-hover: solid;
	--wd-link-decor-color: rgb(31,111,106);
	--wd-link-decor-color-hover: rgb(255,102,0);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(5,57,67);
	background-image: none;
	background-repeat: inherit;
	background-size: contain;
	background-attachment: fixed;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 500px;
	--wd-popup-padding: 0px;
}
.wd-hb {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: inherit;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.wd-page-title .wd-page-title-bg img {
	object-position: center center;
}
.wd-footer {
	background-color: rgba(0,0,0,0.77);
	background-image: url(https://fenuaclick.com/wp-content/uploads/2026/05/Footer_News-6.webp);
	background-size: cover;
	background-position: right bottom;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-transform: inherit;
	color: rgb(15,97,99);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(255,102,0);
}
html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: rgb(15,97,99);
}
html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a:hover {
	color: rgb(255,102,0);
}
html .wd-nav.wd-nav-secondary > li > a {
	font-family: "'Arial Black', Gadget, sans-serif", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: rgb(255,255,255);
}
html .wd-nav.wd-nav-secondary > li:hover > a, html .wd-nav.wd-nav-secondary > li.current-menu-item > a {
	color: rgb(255,255,255);
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 16px;
	text-transform: uppercase;
	color: rgb(255,255,255);
}
html .page-title > .container > .title:hover, html .page-title .wd-title-wrapp > .title:hover {
	color: rgb(255,102,0);
}
html .wd-page-title .wd-breadcrumbs :is(a,span), html .wd-page-title .breadcrumb li::after {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(255,255,255);
}
html .wd-page-title .wd-breadcrumbs a:hover {
	color: rgb(255,102,0);
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: rgb(15,97,99);
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title a:hover {
	color: rgb(255,102,0);
}
html .wd-checkout-steps {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 16px;
	color: rgb(255,255,255);
}
html .wd-checkout-steps li a:hover {
	color: rgb(255,102,0);
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,247,242);
	background-image: none;
	background-size: contain;
	background-attachment: fixed;
	background-position: left center;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,247,242);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,247,242);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,247,242);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,247,242);
	background-image: none;
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 40px;
	--wd-arrow-offset-h: 0px;
	--wd-arrow-offset-v: 0px;
	--wd-arrow-color: rgb(255,102,0);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-bg-hover: rgb(255,255,255);
	--wd-arrow-radius: 10px;
	--wd-arrow-brd-color: rgb(221,153,51);
	--wd-arrow-brd: 10px groove;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 10px;
	--wd-arrow-size: 10px;
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-size: 20px;
	--wd-pagin-bg: rgb(31,111,106);
	--wd-pagin-bg-hover: rgb(255,255,255);
	--wd-pagin-bg-act: rgb(255,102,0);
}
.wd-nav-scroll {
	--wd-nscroll-bg: rgb(255,255,255);
}
.wd .product-label.onsale {
	background-color: rgb(255,102,0);
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: rgb(17,95,97);
}
.wd .product-label.featured {
	background-color: rgb(17,95,97);
	color: rgb(255,255,255);
}
.wd .product-label.out-of-stock {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(17,95,97);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 800px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 50px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 250px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 60px;
	--wd-sticky-btn-height: 95px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-icon-size: 30px;
	--wd-arrow-offset-h: -20px;
	}
	.wd-nav-pagin-wrap:not(.wd-custom-style) {
		--wd-pagin-size: 20px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 30px;
	--wd-arrow-icon-size: 30px;
	--wd-arrow-offset-h: 0px;
	--wd-arrow-offset-v: 90px;
	}
	.wd-nav-pagin-wrap:not(.wd-custom-style) {
		--wd-pagin-size: 10px;
	}
	.wd-nav-scroll {
		--wd-nscroll-height: 10px;
	--wd-nscroll-width: 10%;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(255,255,255);
}

/* ============================================================
   FENUA CLICK — CSS ADDITIONNEL
   Version consolidée v6. Structure :
     0.  Variables de couleur
     1.  WooCommerce : messages d'erreur & prix
     2.  Boutons téléchargement
     3.  Footer : puces, titres, paiement
     4.  Vague & bandeau de titre
     5.  Checkout : moyens de paiement
     5 bis. Paiement : code promo et connexion
     5 ter. Panier : masquer le code promo
     5 quater. Checkout : titre encadré CGV
     6.  Compte client
     7.  Newsletter mini
     8.  Accordéons footer & ordre des paiements
     9.  Barre mobile & panier
     10. Header : barre de recherche
     11. Wishlist
     12. Articles Fenua Click
     13. Contact Form 7
     14. Avis clients (CusRev)
     15. Fiche produit (modèle Elementor)
     15 bis. Bouton « En savoir plus »
     16. Filtres boutique (Woodmart), dont 16.9 titre de colonne
     16 bis. Boutique : grille produits
     17. MOBILE : surcharges générales
     17 bis. Tap des icônes du menu mobile
     18. Dark mode neutralisé
     19. Page de remerciement
     19 bis. MOBILE : page de remerciement
     20. MOBILE : fiche produit
     21. — SUPPRIMÉE — (ancien bloc « Page d'accueil », dont 21.3 promo Montre)
     22. Fiche produit : descriptif long
     22 bis. MOBILE : descriptif long
     23. MOBILE : grille boutique
     24. MOBILE : bloc Montre de l'accueil
     24 bis. MOBILE : code promo et connexion
     24 ter. MOBILE ET TABLETTE : espacements du bloc Montre
     25. Mouvement réduit
     26. TABLETTE : header et accueil
     27. Bandeau défilant du header
     28. Filet de sécurité : boutons Woodmart
     29. Carrousel d'articles : titres du design « mask »
     30. MOBILE : encadrés d'information  (OBSOLÈTE, voir le bloc)
     31. TABLETTE : bloc de réassurance
     32. TABLETTE : image du bloc Montre
     33. TABLETTE : équilibre des colonnes du bloc Montre
     34. ACCUEIL : titres de section, taille des h4
     35. — libre —  (numéro réservé, jamais utilisé)
     36. ACCUEIL : avis clients, hauteurs égales
     36 bis. Fiche produit : panneau récapitulatif FBT
     37. ACCUEIL : bouton du hero
     38. ACCUEIL : fond du hero et cadre de la grille
     39. Connexion : ligne « Se souvenir de moi »

   Règle d'or : une media query n'ajoute aucune spécificité.
   Toute media query doit donc être déclarée APRÈS les règles de
   base qu'elle surcharge, sinon elle se fait écraser
   silencieusement. D'où les blocs mobiles en 17, 19 bis et 20,
   chacun placé après la section qu'il complète.

   Deuxième règle, apprise à ses dépens : NE JAMAIS CONCLURE SUR
   UNE VALEUR CALCULÉE LUE DANS LA CONSOLE pour un nœud déjà
   présent dans la page. Elle est souvent périmée et fait croire
   qu'une règle « ne passe pas ». Le seul contrôle fiable est un
   élément témoin créé APRÈS la pose du style. Voir 15.7, 16 bis.2
   et 16 bis.6. Pour les carrousels slick, il faut en plus
   RECHARGER à la largeur voulue : un simple redimensionnement ne
   déclenche pas le recalcul (voir 36).

   Troisième règle, depuis le passage du hero en h1 (août 2026) :
   le titre du hero et les titres de section partagent la classe
   wd-fontsize-l. Toute règle de TAILLE destinée aux seuls titres
   de section doit donc nommer h4 explicitement. Voir 34.
   ============================================================ */


/* ============================================================
   0. VARIABLES DE COULEUR
   ============================================================ */
:root {
    --fc-orange:      #E17731;   /* orange principal */
    --fc-orange-dark: #c45d1f;   /* survol */
    --fc-teal:        #215d60;   /* teal principal : titres, bordures */
    --fc-teal-light:  #1d6d6f;   /* fonds teal */
    --fc-teal-deep:   #1a5c4b;   /* accents forts */
    --fc-ink:         #1a3a3a;   /* texte foncé */
    --fc-red:         #e2231a;   /* prix barré */
}


/* ============================================================
   1. WOOCOMMERCE — MESSAGES D'ERREUR & PRIX
   ============================================================ */
.woocommerce-error {
    position: relative;
    border-radius: 8px;
    padding: 20px 20px 20px 55px;
    line-height: 1.6;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    max-width: 600px;
    margin: 25px auto;
    font-size: 15px !important;
}
.woocommerce-error::before {
    content: "⚠";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    opacity: 0.8;
}

.price {
    color: var(--fc-orange) !important;
    font-size: 19px;
    font-weight: 700 !important;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
}

.price del {
    color: var(--fc-red) !important;
    text-decoration: line-through !important;
    opacity: 1 !important;
}


/* ============================================================
   2. BOUTONS TÉLÉCHARGEMENT
   ============================================================ */
.manual-wrapper {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    padding: 0 15px;
}
.wcpoa_attachmentbtn, .manual-download-btn {
    display: inline-block !important;
    padding: 14px 28px;
    background-color: var(--fc-teal-deep) !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    text-transform: uppercase !important;
    transition: 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    font-size: 15px !important;
}


/* ============================================================
   3. FOOTER — ALIGNEMENT PUCES & TITRES
   ============================================================ */
.footer-column-1 h5, .footer-column-2 h5, .footer-column-3 h5, .widget-title, .footer-title {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin-bottom: 15px !important;
    font-size: 15px !important;
}
.footer-column-1 li, .footer-column-2 li, .footer-column-3 li {
    display: flex !important;
    align-items: flex-start !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
    list-style: none !important;
    padding-left: 0 !important;
    font-size: 14px !important;
}
.footer-column-2 li a, .footer-column-3 li a {
    color: #ffffff !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 14px !important;
}
.footer-column-2 li a:hover, .footer-column-3 li a:hover {
    color: #f0f0f0 !important;
    transform: translateX(5px);
    text-decoration: none !important;
}
#menu-nos-engagements a {
    pointer-events: none !important;
    cursor: default !important;
    color: #ffffff !important;
}
.footer-column-1 li:before {
    content: "✓";
    color: var(--fc-orange) !important;
    font-weight: 900;
    margin-right: 12px;
    flex-shrink: 0;
    font-size: 14px;
    margin-top: 0px;
}
.footer-column-2 li:before, .footer-column-3 li:before {
    content: "—";
    color: var(--fc-orange) !important;
    font-weight: 900;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: 0px;
    font-size: 14px;
}
.fc-highlight {
    color: var(--fc-orange) !important;
    font-weight: 800;
    font-size: 14px !important;
}
.fc-copy-text, .fc-pay-label {
    font-size: 13px !important;
    color: #ffffff !important;
    line-height: 1.6 !important;
}
.fc-pay-label strong { font-size: 13px !important; }
.fc-pay-img {
    max-width: 220px !important;
    height: auto !important;
    margin-top: 10px;
}


/* ============================================================
   4. VAGUE FOOTER & BANDEAU DE TITRE
   ============================================================ */
footer.wd-footer::before {
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 74' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0,74 C240,34 480,14 720,14 C960,14 1200,34 1440,74 L1440,0 L0,0 Z' fill='%23FAF8F5'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: -5px;
}
footer.wd-footer { padding-top: 0 !important; position: relative; }

.wd-page-title-bg.wd-fill {
    background-image: url('https://fenuaclick.com/wp-content/uploads/2026/05/Footer_News-6.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    display: block !important;
}
.wd-page-title-bg.wd-fill img { display: none !important; }
.wd-page-title.page-title-default h1,
.wd-page-title.page-title-default .breadcrumbs,
.wd-page-title.page-title-default .breadcrumbs a {
    color: #ffffff !important;
}


/* ============================================================
   5. CHECKOUT — MOYENS DE PAIEMENT
   ============================================================ */
body .woocommerce-checkout #payment {
    background: #f8fafc !important;
    border-radius: 12px !important;
    padding: 25px !important;
    border: 1px solid #e2e8f0 !important;
}
body .woocommerce-checkout #payment ul.payment_methods li {
    background: white !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
    list-style: none !important;
}
body .woocommerce-checkout #payment ul.payment_methods li:hover {
    border-color: var(--fc-teal) !important;
    background-color: #fcfdfd !important;
}
body .woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
    position: absolute !important;
    left: 20px !important;
    top: 22px !important;
    margin: 0 !important;
    transform: scale(1.4);
    z-index: 10;
}
body .woocommerce-checkout #payment ul.payment_methods li label {
    display: flex !important;
    align-items: center;
    padding: 20px 20px 20px 60px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--fc-ink) !important;
    cursor: pointer !important;
    margin: 0 !important;
    width: 100%;
}
body .woocommerce-checkout #payment ul.payment_methods li label img {
    display: block !important;
    margin-left: auto !important;
    max-height: 24px !important;
    width: auto !important;
    object-fit: contain;
}
.custom-osb-logo {
    display: block !important;
    margin-left: auto !important;
    max-height: 24px !important;
    object-fit: contain;
}
body .woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
    border-color: var(--fc-orange) !important;
    background-color: #fff9f5 !important;
    box-shadow: 0 4px 12px rgba(225, 119, 49, 0.12) !important;
}
body .woocommerce-checkout #payment ul.payment_methods li:has(input[value="bacs"]:checked) {
    border-color: var(--fc-teal) !important;
    background-color: #f0f7f7 !important;
}
body .woocommerce-checkout #payment ul.payment_methods li:has(input[value="bacs"]:checked) label {
    color: var(--fc-teal) !important;
}
body .woocommerce-checkout #payment div.payment_box {
    background: transparent !important;
    border-top: none !important;
    padding: 0px 20px 20px 60px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin: 0 !important;
}
body .woocommerce-checkout #payment div.payment_box::before { display: none !important; }

#place_order {
    background-color: var(--fc-orange) !important;
    width: 100% !important;
    padding: 22px !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(225, 119, 49, 0.25) !important;
    transition: 0.3s ease;
    margin-top: 15px;
}
#place_order:hover {
    background-color: var(--fc-orange-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 15px rgba(225, 119, 49, 0.35) !important;
}

.woocommerce-order tr:has(a.button) { display: none !important; }


/* ============================================================
   5 bis. PAIEMENT — CODE PROMO ET CONNEXION
   ============================================================ */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
    max-width: 460px;
    margin: 0 0 18px !important;
    padding: 14px 18px !important;
    background-color: #f2f8f8;
    background-image: none !important;
    border: 1px solid #e4eded;
    border-left: 4px solid var(--fc-teal);
    border-radius: 12px;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--fc-teal);
    line-height: 1.45;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before,
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23215d60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a2 2 0 0 1 0-4V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v2a2 2 0 0 1 0 4v2a2 2 0 0 1 0 4v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2a2 2 0 0 1 0-4z'/%3E%3Cpath d='M13 8l-2 8'/%3E%3C/svg%3E");
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23215d60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.woocommerce-checkout .woocommerce-form-coupon-toggle a.showcoupon,
.woocommerce-checkout .woocommerce-form-login-toggle a.showlogin {
    color: var(--fc-orange);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    transition: color .2s ease;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle a.showcoupon:hover,
.woocommerce-checkout .woocommerce-form-login-toggle a.showlogin:hover {
    color: var(--fc-orange-dark);
}
.woocommerce-checkout form.checkout_coupon {
    max-width: 460px;
    margin: 0 0 22px;
    padding: 18px;
    background: #fff;
    border: 1px solid #e4eded;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(33, 93, 96, .05);
}
.woocommerce-checkout form.checkout_coupon .form-row-first,
.woocommerce-checkout form.checkout_coupon .form-row-last {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.woocommerce-checkout form.checkout_coupon .form-row-first {
    margin-bottom: 10px;
}
.woocommerce-checkout form.checkout_coupon .clear {
    display: none;
}
.woocommerce-checkout form.checkout_coupon input#coupon_code {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #e4eded;
    border-radius: 10px;
    background: #fff;
    font-size: 15px;
    color: var(--fc-teal);
    box-sizing: border-box;
    transition: border-color .2s ease;
}
.woocommerce-checkout form.checkout_coupon input#coupon_code:focus {
    outline: none;
    border-color: var(--fc-teal);
}
.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"] {
    width: 100%;
    min-height: 48px;
    padding: 5px 22px;
    background-color: var(--fc-teal) !important;
    color: #fff !important;
    border: 0;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
    cursor: pointer;
    transition: background-color .2s ease, transform .15s ease;
}
.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"]:hover {
    background-color: var(--fc-teal-light) !important;
    transform: translateY(-1px);
}
.woocommerce-checkout form.woocommerce-form-login {
    max-width: 460px;
    margin: 0 0 22px;
    padding: 22px;
    background: #fff;
    border: 1px solid #e4eded;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(33, 93, 96, .05);
}


/* ============================================================
   5 ter. PANIER — MASQUER LE CODE PROMO
   ============================================================ */
.woocommerce-cart form.woocommerce-cart-form .coupon,
.woocommerce-cart td.actions .coupon {
    display: none !important;
}
.woocommerce-cart tr.wd-cart-action-row td.actions {
    padding: 0 !important;
    border: 0 !important;
}


/* ============================================================
   5 quater. CHECKOUT — TITRE ENCADRÉ CGV
   ============================================================ */
.woocommerce-terms-and-conditions h1 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--fc-teal) !important;
    text-transform: none !important;
    margin: 0 0 10px !important;
    line-height: 1.4 !important;
}


/* ============================================================
   6. COMPTE CLIENT & ENREGISTREMENT
   ============================================================ */
.woocommerce-account .u-columns.col2-set {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    align-items: stretch !important;
    max-width: 1000px !important;
    margin: 40px auto !important;
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    box-sizing: border-box !important;
}
.woocommerce-account .u-columns.col2-set .col-1,
.woocommerce-account .u-columns.col2-set .col-2 {
    flex: 1 1 320px !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.woocommerce-account .col-2 {
    background-color: #f7fefc !important;
    padding: 30px !important;
    border-radius: 8px !important;
    border: 1px solid #e1f5f0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.woocommerce-account h2 {
    color: var(--fc-teal-deep) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 25px !important;
    border-bottom: 2px solid #a3dfce !important;
    padding-bottom: 10px !important;
    display: inline-block !important;
}
.woocommerce-account .form-row { width: 100% !important; margin-bottom: 18px !important; }
.woocommerce-Input.input-text,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
    width: 100% !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 6px !important;
    padding: 14px 15px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}
.woocommerce-account button.button,
.woocommerce-account .register .button {
    background-color: var(--fc-orange) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 16px 35px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    transition: 0.3s ease !important;
    cursor: pointer !important;
    width: 100% !important;
}
.woocommerce-account .register .button { background-color: var(--fc-teal-deep) !important; }
.woocommerce-form-login .form-row.inline {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 20px 0 !important;
    float: none !important;
}
.fc-signup {
    text-align: center;
    max-width: 520px;
    margin: 0 auto;
}
.fc-signup__title {
    color: var(--fc-teal) !important;
    font-size: 26px !important;
    margin: 0 0 8px !important;
}
.fc-signup__lead {
    color: #555;
    font-size: 15px;
    margin: 0 0 18px;
}
.fc-signup__box {
    background: #ffffff;
    border-left: 4px solid var(--fc-teal-light);
    border-radius: 8px;
    padding: 18px 20px;
    text-align: left;
    box-shadow: 0 2px 8px rgba(33, 93, 96, 0.08);
}

.fc-signup__note {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}
.fc-signup__btn {
    display: inline-block;
    margin-top: 20px;
    background-color: var(--fc-teal-deep) !important;
    color: #ffffff !important;
    padding: 14px 34px;
    border-radius: 8px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none !important;
    transition: 0.3s ease;
}
.fc-signup__btn:hover {
    background-color: var(--fc-teal) !important;
    color: #ffffff !important;
}


/* ============================================================
   7. NEWSLETTER MINI
   ============================================================ */
.fc-newsletter-mini {
    max-width: 280px;
    margin: 0 auto;
    padding: 20px;
    color: #ffffff !important;
    background: var(--fc-teal-light) !important;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}
.fc-newsletter-mini .fc-newsletter-title {
    margin: 0 0 14px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    line-height: 1.3;
    opacity: .9;
}
.fc-newsletter-mini .fc-newsletter-title strong {
    display: block;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: .04em;
    opacity: 1;
}
.fc-newsletter-mini input[type="email"] {
    width: 100% !important;
    padding: 12px !important;
    margin-bottom: 15px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    outline: none !important;
    box-sizing: border-box !important;
}
.fc-newsletter-mini input[type="email"]::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
    opacity: 1 !important;
}
.fc-newsletter-mini .fc-privacy {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-size: 11px !important;
    margin-bottom: 20px !important;
    cursor: pointer !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
}
.fc-newsletter-mini .fc-privacy input[type="checkbox"] {
    margin-top: 2px !important;
    cursor: pointer !important;
}
.fc-newsletter-mini .fc-privacy a {
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}
.fc-newsletter-mini input[type="submit"] {
    width: 100% !important;
    background: var(--fc-orange) !important;
    color: #ffffff !important;
    padding: 13px !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: 0.3s !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 15px rgba(225, 119, 49, 0.3) !important;
    display: block !important;
    -webkit-appearance: none !important;
}
.fc-newsletter-mini input[type="submit"]:hover {
    background: var(--fc-orange-dark) !important;
}


/* ============================================================
   8. ACCORDÉONS FOOTER & ORDRE DES PAIEMENTS
   ============================================================ */
.wd-footer .widget-title:after,
.footer-column-1 h5:after, .footer-column-2 h5:after, .footer-column-3 h5:after {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    opacity: 1 !important;
    transition: all 0.3s ease;
}
.wd-footer .wd-active .widget-title:after,
.wd-footer .wd-active h5:after { color: var(--fc-orange) !important; }

.wc_payment_methods.payment_methods { display: flex; flex-direction: column; }
.wc_payment_method.payment_method_osbstd { order: 1; }
.wc_payment_method.payment_method_bacs  { order: 2; }
.wc_payment_method.payment_method_cod   { order: 3; }


/* ============================================================
   9. BARRE MOBILE & PANIER
   ============================================================ */
body .wd-toolbar, body .wd-sticky-nav {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.08) !important;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}
.wd-toolbar .wd-tool-icon, .wd-toolbar .wd-toolbar-label, .wd-toolbar a, .wd-toolbar span {
    color: var(--fc-teal-light) !important;
    fill: var(--fc-teal-light) !important;
    font-weight: 600 !important;
}
.wd-header-cart .wd-cart-number, .wd-header-cart .wd-tools-count,
.wd-toolbar .wd-cart-number, .wd-toolbar .wd-tools-count {
    display: flex !important;
    background-color: var(--fc-orange) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 15px !important;
    height: 15px !important;
    font-size: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: -5px !important;
    right: -2px !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999 !important;
}
.wd-toolbar .wd-tool { transition: all 0.2s ease !important; }
.wd-toolbar .wd-tool:active, .wd-toolbar a:active {
    transform: scale(0.85) !important;
    opacity: 0.6 !important;
    background-color: rgba(29, 109, 111, 0.1) !important;
    border-radius: 10px !important;
}


/* ============================================================
   10. HEADER — BARRE DE RECHERCHE
   ============================================================ */
body:not(.home):not(.woocommerce-shop):not(.single-product) .whb-header .searchform,
body:not(.home):not(.woocommerce-shop):not(.single-product) .whb-header .wd-search-element,
body:not(.home):not(.woocommerce-shop):not(.single-product) .whb-header .wd-header-search,
body:not(.home):not(.woocommerce-shop):not(.single-product) .wd-hb-wrapp {
    display: none !important;
}
body:not(.home):not(.woocommerce-shop):not(.single-product) .whb-header .whb-header-bottom {
    display: none !important;
}
.home .whb-header-bottom,
.woocommerce-shop .whb-header-bottom,
.single-product .whb-header-bottom {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.home .whb-header-bottom .whb-flex-row,
.woocommerce-shop .whb-header-bottom .whb-flex-row,
.single-product .whb-header-bottom .whb-flex-row {
    min-height: 0 !important;
}


/* ============================================================
   11. WISHLIST
   ============================================================ */
.wd-wishlist-icon .wd-action-icon::before,
.wd-wishlist-btn a {
    color: #ffffff !important;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.6) !important;
}


/* ============================================================
   12. ARTICLES FENUA CLICK
   ============================================================ */
.fenuaclick-article .collapsible-content strong,
.fenuaclick-article .collapsible-inner strong {
    color: var(--fc-orange);
}
.fenuaclick-article .collapsible-inner > p > strong:first-child {
    display: block;
    margin-bottom: 4px;
}


/* ============================================================
   13. CONTACT FORM 7
   ============================================================ */
.wpcf7-form label {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: var(--fc-teal);
    margin-bottom: 14px;
    font-size: 14px;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    padding: 12px 14px;
    margin-top: 6px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fbfbfb;
    transition: border-color .2s ease;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: var(--fc-orange);
    background: #fff;
}
.wpcf7-form textarea { min-height: 120px; resize: vertical; }
.wpcf7-form .wpcf7-acceptance { font-weight: 400; color: #555; font-size: 13px; }
.wpcf7-form input[type="submit"] {
    background: var(--fc-orange);
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 15px;
    border: none;
    border-radius: 6px;
    padding: 13px 28px;
    cursor: pointer;
    transition: background .2s ease;
}
.wpcf7-form input[type="submit"]:hover { background: var(--fc-orange-dark); }


/* ============================================================
   14. AVIS CLIENTS (CusRev)
   ============================================================ */
.cr-reviews-grid .image-row { display: none !important; }
.review-product img {
    max-width: 40px !important;
    height: auto !important;
    border-radius: 4px;
}
.cr-review-card-inner {
    display: flex !important;
    flex-direction: column !important;
}
.cr-review-card-inner .top-row       { order: 1; }
.cr-review-card-inner .review-product { order: 2; }
.cr-review-card-inner .rating-row    { order: 3; }
.cr-review-card-inner .middle-row    { order: 4; }


/* ============================================================
   15. FICHE PRODUIT
   ============================================================ */
.single-product {
    --fcp-teal:        #215d60;
    --fcp-teal-soft:   #f2f8f8;
    --fcp-orange:      #E17731;
    --fcp-orange-soft: #fff6ef;
    --fcp-orange-line: #f2d6bd;
    --fcp-line:        #e4eded;
    --fcp-muted:       #6b8385;
    --fcp-gold:        #f2b01e;
}
.single-product .wd-single-title h1.product_title {
    font-size: 30px;
    line-height: 1.18;
    font-weight: 700;
    letter-spacing: -.015em;
    color: var(--fcp-teal);
    margin: 0 0 6px;
}
.single-product .wd-single-rating .woocommerce-product-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 6px !important;
}
.single-product .wd-single-rating .star-rating {
    color: var(--fcp-gold);
}
.single-product .wd-single-rating .woocommerce-review-link {
    color: var(--fcp-muted);
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.single-product .wd-single-rating .woocommerce-review-link:hover {
    color: var(--fcp-teal);
}
body.single-product .elementor-widget-countdown .elementor-countdown-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    box-sizing: border-box;
    padding: 12px 14px 11px;
    background: var(--fcp-orange-soft);
    border: 1px solid var(--fcp-orange-line);
    border-radius: 12px;
}
body.single-product .elementor-widget-countdown .elementor-countdown-wrapper::before {
    content: "Fin de la précommande dans :";
    grid-column: 1 / -1;
    margin-bottom: 2px;
    color: var(--fcp-teal);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}
body.single-product .elementor-widget-countdown .elementor-countdown-item {
    margin: 0 !important;
    flex-basis: auto !important;
    min-width: 0;
    padding: 8px 4px 7px;
    background: #fff;
    border: 1px solid var(--fcp-orange-line);
    border-radius: 9px;
    text-align: center;
}
body.single-product .elementor-widget-countdown .elementor-countdown-digits {
    display: block;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.05;
    color: var(--fcp-orange);
    font-variant-numeric: tabular-nums;
}
body.single-product .elementor-widget-countdown .elementor-countdown-label {
    display: block;
    margin-top: 2px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--fcp-muted);
}
.single-product .e-con:has(> .wd-single-price),
.single-product .fc-buybox {
    padding: 18px;
    background: #fff;
    border: 1px solid var(--fcp-line);
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(33, 93, 96, .05);
}
.single-product .e-con:has(> .wd-single-price) {
    --gap: 12px !important;
    gap: 12px !important;
}
.single-product .e-con:has(> .wd-single-price) > .elementor-widget-spacer {
    display: none !important;
}
.single-product .e-con:has(> .wd-single-title) > .elementor-widget-spacer {
    --spacer-size: 4px !important;
}
.single-product .e-con:has(> .wd-single-title) > .elementor-widget-spacer .elementor-spacer {
    height: 4px !important;
}
.single-product .wd-single-price .price {
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.05;
    letter-spacing: -.02em;
    gap: 4px 12px;
    margin-bottom: 0 !important;
}
.single-product .wd-single-price .price .woocommerce-Price-currencySymbol {
    font-size: .45em;
    font-weight: 600;
    letter-spacing: 0;
    opacity: .8;
    margin-left: 2px;
}
.single-product .wd-single-price .price del {
    font-size: .45em;
    font-weight: 600 !important;
    opacity: .85;
}
.single-product .wd-single-price .price ins {
    text-decoration: none;
}
.single-product .wd-single-price .price > span[aria-hidden="true"]:not([class]) {
    font-size: 0 !important;
    margin: 0 2px;
}
.single-product .wd-single-price .price > span[aria-hidden="true"]:not([class])::after {
    content: "à";
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--fcp-muted);
}
.single-product .wd-single-add-cart table.variations {
    margin: 0 0 12px !important;
}
.single-product .wd-single-add-cart table.variations .label label {
    color: var(--fcp-muted);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
}
.single-product .wd-swatches-single .wd-swatch {
    border-radius: 9px;
    box-shadow: inset 0 0 0 1px var(--fcp-line);
    transition: box-shadow .18s ease, transform .15s ease;
}
.single-product .wd-swatches-single .wd-swatch:hover {
    transform: translateY(-1px);
    box-shadow: inset 0 0 0 1px var(--fcp-muted);
}
.single-product .wd-swatches-single .wd-swatch[aria-checked="true"],
.single-product .wd-swatches-single .wd-swatch.wd-active,
.single-product .wd-swatches-single .wd-swatch.selected {
    box-shadow: inset 0 0 0 1px var(--fcp-line),
                0 0 0 2px #fff,
                0 0 0 4px var(--fcp-teal);
}
.single-product .wd-single-add-cart .variations select {
    height: 48px !important;
    border-width: 1px !important;
    border-radius: 11px !important;
    padding: 0 34px 0 14px !important;
    font-size: 14px !important;
    font-weight: 600;
    color: var(--fcp-teal) !important;
}
.single-product .wd-single-add-cart .variations select:focus {
    border-color: var(--fcp-teal) !important;
}
.single-product .wd-single-add-cart p.stock {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 12px;
    padding: 5px 12px;
    border: 0;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
}
.single-product .wd-single-add-cart p.stock::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}
.single-product .wd-single-add-cart p.stock.in-stock {
    background: var(--fcp-teal-soft);
    color: var(--fcp-teal);
}
.single-product .wd-single-add-cart p.stock.out-of-stock {
    background: #fdf1ee;
    color: #d4442a;
}
.single_add_to_cart_button { position: relative !important; }
.single-product .wd-single-add-cart form.cart {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 0;
}
.single-product .wd-single-add-cart form.cart .quantity {
    display: inline-flex;
    align-items: stretch;
    width: auto;
    height: 52px;
    background: #fff;
    border: 1px solid var(--fcp-line);
    border-radius: 11px;
    overflow: hidden;
    transition: border-color .2s ease;
}
.single-product .wd-single-add-cart form.cart .quantity:focus-within {
    border-color: var(--fcp-teal);
}
.single-product .wd-single-add-cart form.cart .quantity button.minus,
.single-product .wd-single-add-cart form.cart .quantity button.plus {
    width: 38px;
    min-width: 38px;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--fcp-muted);
    font-size: 17px;
    line-height: 1;
    transition: background-color .18s ease, color .18s ease;
}
.single-product .wd-single-add-cart form.cart .quantity button.minus:hover,
.single-product .wd-single-add-cart form.cart .quantity button.plus:hover {
    background: var(--fcp-teal-soft);
    color: var(--fcp-teal);
}
.single-product .wd-single-add-cart form.cart .quantity input.qty {
    width: 42px;
    height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: var(--fcp-teal);
}
.single-product .wd-single-add-cart form.cart button[name="add-to-cart"],
.single-product .wd-single-add-cart form.cart .single_add_to_cart_button {
    flex: 1 1 200px;
    min-height: 52px;
    padding: 5px 28px;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .05em;
    box-shadow: 0 4px 14px rgba(31, 113, 108, .22);
    transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.single-product .wd-single-add-cart form.cart button[name="add-to-cart"]:hover,
.single-product .wd-single-add-cart form.cart .single_add_to_cart_button:hover {
    transform: translateY(-2px);
    filter: brightness(1.07);
    box-shadow: 0 8px 20px rgba(31, 113, 108, .3);
}
.single-product .wd-single-add-cart form.cart button[name="add-to-cart"]:active,
.single-product .wd-single-add-cart form.cart .single_add_to_cart_button:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(31, 113, 108, .22);
}
.single-product .wd-image img[src*="carte_paiement"],
.single-product .wd-image img[data-lazy-src*="carte_paiement"] {
    max-width: 250px;
    height: auto;
}
.single-product .wd-single-short-desc {
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.6;
}
.single-product .wd-single-short-desc .simple-desc {
    margin-top: 0;
}
.single-product .wd-single-short-desc .simple-desc .item {
    align-items: center;
    margin-bottom: 14px;
}
.single-product .wd-single-short-desc .simple-desc .item > svg {
    width: 34px;
    height: 34px;
    padding: 8px;
    margin-top: 0;
    margin-right: 12px;
    box-sizing: border-box;
    background: var(--fcp-teal-soft);
    border-radius: 10px;
    overflow: visible;
}
.single-product .wd-single-short-desc .simple-desc .item::before {
    width: 34px;
    height: 34px;
    margin-top: 0;
    margin-right: 12px;
    box-sizing: border-box;
    background-color: var(--fcp-teal-soft);
    background-size: 18px 18px;
    background-position: center;
    border-radius: 10px;
}
.single-product .wd-single-short-desc .simple-desc .item-livraison > svg,
.single-product .wd-single-short-desc .simple-desc .item-livraison::before {
    background-color: var(--fcp-orange-soft);
}
.single-product .wd-single-short-desc ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single-product .wd-single-short-desc ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
}
.single-product .wd-single-short-desc ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .62em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--fcp-orange);
}
.single-product .wd-single-meta .product_meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}
.single-product .wd-single-meta .meta-label {
    color: var(--fcp-muted);
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.single-product .wd-single-meta .posted_in a,
.single-product .wd-single-meta .tagged_as a {
    display: inline-block;
    margin-left: 4px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--fcp-teal-soft);
    color: var(--fcp-teal);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}
.single-product .wd-single-meta .posted_in a:hover,
.single-product .wd-single-meta .tagged_as a:hover {
    background: var(--fcp-teal);
    color: #fff;
}
.single-product .wd-single-gallery .wd-gallery-images .wd-carousel-item img {
    border-radius: 14px;
    border: 1px solid var(--fcp-line);
    background: #fff;
}
.single-product .wd-single-gallery .wd-gallery-thumb .wd-carousel-item img {
    border-radius: 9px;
    border: 1px solid var(--fcp-line);
    cursor: pointer;
    transition: border-color .2s ease, transform .15s ease;
}
.single-product .wd-single-gallery .wd-gallery-thumb .wd-carousel-item img:hover {
    border-color: var(--fcp-teal);
    transform: translateY(-2px);
}
.single-product .wd-single-tabs .wd-nav-tabs {
    gap: 5px 28px;
    border-bottom: 1px solid var(--fcp-line);
}
.single-product .wd-single-tabs .wd-nav-tabs > li > a.wd-nav-link {
    padding: 0 0 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--fcp-muted);
    transition: color .2s ease;
}
.single-product .wd-single-tabs .wd-nav-tabs > li > a.wd-nav-link:hover,
.single-product .wd-single-tabs .wd-nav-tabs > li.active > a.wd-nav-link {
    color: var(--fcp-teal);
}
.single-product .wd-single-tabs .wd-nav-tabs .nav-link-text::after {
    height: 3px;
    border-radius: 3px 3px 0 0;
    background-color: var(--fcp-orange);
}
.single-product .wd-single-tabs .woocommerce-Tabs-panel {
    padding-top: 24px;
    font-size: 15px;
    line-height: 1.65;
}
.single-product .wd-social-icons.social-follow .wd-label {
    color: var(--fcp-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.single-product .wd-social-icons.social-follow a {
    opacity: .55;
    transition: opacity .2s ease, transform .15s ease;
}
.single-product .wd-social-icons.social-follow a:hover {
    opacity: 1;
    transform: translateY(-2px);
}
.single-product .fc-delivery {
    margin: 16px 0;
    border-left: 4px solid var(--fc-teal);
}


/* ============================================================
   15 bis. BOUTON « EN SAVOIR PLUS »
   ============================================================ */
a.btn-en-savoir-plus {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 11px 24px !important;
    background-color: var(--fc-orange) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .03em;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(225, 119, 49, 0.25);
    transition: background-color .25s ease, transform .15s ease;
}
a.btn-en-savoir-plus,
a.btn-en-savoir-plus * {
    color: #ffffff !important;
}
a.btn-en-savoir-plus strong { font-weight: 700 !important; }
a.btn-en-savoir-plus:hover {
    background-color: var(--fc-orange-dark) !important;
    transform: translateY(-1px);
}
a.btn-en-savoir-plus:hover * { color: #ffffff !important; }


/* ============================================================
   16. FILTRES BOUTIQUE
   ============================================================ */
form.wd-product-filters {
    --wd-form-brd-color: #e3e8e7 !important;
    --wd-form-brd-radius: 10px !important;
    --wd-form-height: 46px !important;
    --wd-form-bg: #ffffff !important;
    --wd-gap-lg: 12px !important;
    row-gap: 12px !important;
}
form.wd-product-filters .wd-pf-title {
    height: 46px !important;
    padding-inline: 16px 40px !important;
    border: 1px solid #e3e8e7 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(33, 93, 96, 0.05);
    transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease;
}
form.wd-product-filters .wd-pf-title .title-text {
    color: var(--fc-teal) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
    line-height: 1.2;
}
form.wd-product-filters .wd-pf-results {
    color: var(--fc-orange) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
form.wd-product-filters .wd-pf-title::after {
    color: var(--fc-orange) !important;
    font-size: 13px !important;
    inset-inline-end: 15px !important;
    transition: transform .25s ease;
}
form.wd-product-filters .wd-pf-title:hover {
    border-color: var(--fc-teal) !important;
    background-color: #f7fbfa !important;
    box-shadow: 0 2px 8px rgba(33, 93, 96, 0.10);
}
form.wd-product-filters .wd-opened .wd-pf-title,
form.wd-product-filters .wd-pf-title[aria-expanded="true"] {
    border-color: var(--fc-teal) !important;
    background-color: #f0f7f6 !important;
}
form.wd-product-filters .wd-opened .wd-pf-title::after { transform: rotate(180deg); }
form.wd-product-filters .wd-pf-checkboxes:has(input:checked) .wd-pf-title {
    border-color: var(--fc-orange) !important;
    background-color: #fff9f5 !important;
}
form.wd-product-filters .wd-pf-dropdown {
    border: 1px solid #e3e8e7 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(33, 93, 96, 0.12) !important;
    padding: 8px !important;
    margin-top: 6px !important;
    max-height: 320px;
    overflow-y: auto;
    overscroll-behavior: contain;
}
form.wd-product-filters .wd-pf-dropdown::-webkit-scrollbar { width: 6px; }
form.wd-product-filters .wd-pf-dropdown::-webkit-scrollbar-thumb {
    background: #cddedb;
    border-radius: 3px;
}
form.wd-product-filters .wd-pf-dropdown li a,
form.wd-product-filters .wd-pf-dropdown li label {
    display: block;
    padding: 9px 12px !important;
    border-radius: 7px;
    color: #3d4a4a !important;
    font-size: 14px !important;
    transition: background-color .2s ease, color .2s ease;
}
form.wd-product-filters .wd-pf-dropdown li a:hover,
form.wd-product-filters .wd-pf-dropdown li label:hover {
    background-color: #f0f7f6 !important;
    color: var(--fc-teal) !important;
}
form.wd-product-filters .wd-pf-dropdown li a.wd-active,
form.wd-product-filters .wd-pf-dropdown li.chosen > a,
form.wd-product-filters .wd-pf-dropdown li:has(input:checked) label {
    background-color: #fff4ec !important;
    color: var(--fc-orange) !important;
    font-weight: 600 !important;
}
form.wd-product-filters input[type="checkbox"],
form.wd-product-filters input[type="radio"] {
    accent-color: var(--fc-orange) !important;
    width: 16px;
    height: 16px;
}
form.wd-product-filters .ui-slider .ui-slider-range,
form.wd-product-filters .price_slider .ui-slider-range {
    background-color: var(--fc-teal) !important;
}
form.wd-product-filters .ui-slider .ui-slider-handle,
form.wd-product-filters .price_slider .ui-slider-handle {
    background-color: var(--fc-orange) !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25) !important;
}
form.wd-product-filters .price_label,
form.wd-product-filters .price_slider_amount .price_label {
    color: var(--fc-teal) !important;
    font-weight: 600 !important;
}
form.wd-product-filters a.wp-block-wd-button,
form.wd-product-filters .wp-block-wd-button.btn,
form.wd-product-filters button[type="submit"],
form.wd-product-filters .wd-pf-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 14px !important;
    background-color: var(--fc-orange) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 13px 26px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(225, 119, 49, 0.28);
    transition: background-color .25s ease, transform .15s ease, box-shadow .25s ease;
}
form.wd-product-filters a.wp-block-wd-button:hover,
form.wd-product-filters .wp-block-wd-button.btn:hover,
form.wd-product-filters button[type="submit"]:hover,
form.wd-product-filters .wd-pf-btn:hover {
    background-color: var(--fc-orange-dark) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(225, 119, 49, 0.38);
}
form.wd-product-filters .wd-pf-reset,
form.wd-product-filters a.reset_variations {
    color: var(--fc-teal) !important;
    font-size: 13px !important;
    text-decoration: underline;
}
.wd-sidebar .widget_block > .wp-block-heading {
    margin: 0;
    padding: 0;
    border-bottom: 0;
    color: var(--fc-teal);
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.wd-sidebar .widget_block:has(> .wp-block-heading) {
    padding-bottom: 12px;
    margin-bottom: 14px;
}


/* ============================================================
   16 bis. BOUTIQUE — GRILLE PRODUITS
   ============================================================ */
.wd-products .wd-product.wd-hover-buttons-on-hover .wd-product-wrapper {
    overflow: visible !important;
}
.wd-products .wd-product.wd-hover-buttons-on-hover {
    padding-bottom: 48px !important;
}
.wd-products .wd-product .wd-product-footer,
.wd-products .wd-product .wd-product-footer * {
    visibility: visible !important;
    opacity: 1 !important;
}
.wd-products .wd-product .product-element-bottom {
    transform: none !important;
}
.wd-products .wd-product {
    border: 1px solid rgba(33, 93, 96, .10) !important;
    border-radius: 14px !important;
    background-color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(26, 58, 58, .06) !important;
    transition: transform .25s ease,
                box-shadow .25s ease,
                border-color .25s ease;
}
.wd-products .wd-product:hover {
    transform: translateY(-4px);
    border-color: rgba(225, 119, 49, .35) !important;
    box-shadow: 0 12px 28px rgba(26, 58, 58, .12) !important;
}
.wd-products .wd-product:focus-within {
    border-color: var(--fc-orange) !important;
    box-shadow: 0 0 0 3px rgba(225, 119, 49, .18) !important;
}
.wd-products.wd-grid-g {
    gap: 20px !important;
}
.wd-products .wd-product-thumb {
    border-radius: 12px !important;
    overflow: clip !important;
    background-color: #fbfbfa;
}
.wd-products .wd-product-thumb img,
.wd-products .wd-product-grid-slide {
    transition: transform .45s cubic-bezier(.22, .61, .36, 1);
}
.wd-products .wd-product:hover .wd-product-thumb img,
.wd-products .wd-product:hover .wd-product-grid-slide {
    transform: scale(1.045);
}
.wd-products .wd-product .wd-product-cats {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8a9a99 !important;
}
.wd-products .wd-product .wd-entities-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}
.wd-products .wd-product .wd-entities-title a {
    transition: color .2s ease;
}
.wd-products .wd-product:hover .wd-entities-title a {
    color: var(--fc-orange) !important;
}
.wd-products .wd-product .wd-product-stock {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.wd-products .wd-product .wd-product-stock.in-stock {
    color: #1f7a5a !important;
}
.wd-products .wd-product .wd-product-stock.in-stock::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2fa87b;
    flex-shrink: 0;
}
.wd-products .wd-product .product-labels .product-label {
    border-radius: 999px !important;
    padding: 5px 11px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .07em;
    text-transform: uppercase;
    box-shadow: 0 2px 6px rgba(26, 58, 58, .14);
}
.wd-products .wd-product .wd-product-footer .button,
.wd-products .wd-product .add_to_cart_button {
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .05em;
    transition: transform .15s ease, box-shadow .25s ease, filter .2s ease;
}
.wd-products .wd-product .wd-product-footer .button:hover,
.wd-products .wd-product .add_to_cart_button:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
    box-shadow: 0 4px 12px rgba(26, 58, 58, .20);
}
.wd-products .wd-product .wd-product-footer .button:active,
.wd-products .wd-product .add_to_cart_button:active {
    transform: translateY(0);
}
.wd-products .price > span[aria-hidden="true"]:not([class]) {
    font-size: 0;
    margin: 0 2px;
}
.wd-products .price > span[aria-hidden="true"]:not([class])::after {
    content: "à";
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    color: #6b8385;
}


/* ============================================================
   17. MOBILE — SURCHARGES GÉNÉRALES
   ============================================================ */
@media (max-width: 767px) {
    .price {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        font-size: 16px;
        line-height: 1.3;
        white-space: normal !important;
        overflow: visible !important;
    }
    .products li.product .price,
    .wd-products .product .price {
        font-size: 14px !important;
        width: 100%;
    }
    .price del,
    .price ins {
        display: block !important;
        width: 100%;
    }
    .price del .amount,
    .price del bdi {
        text-decoration: line-through;
        font-weight: 500 !important;
    }
    .woocommerce-account .u-columns.col2-set {
        flex-direction: column !important;
        padding: 20px !important;
        gap: 25px !important;
        margin: 20px auto !important;
    }
    .woocommerce-account h2 { font-size: 20px !important; }
    .fc-signup__lead  { display: none; }
    .fc-signup__title { font-size: 21px !important; }
    .fc-signup__box   { padding: 14px 16px; }
    .fc-signup__note  { font-size: 13px; }
    .fc-signup__btn {
        display: block;
        width: 100%;
        padding: 15px 0;
        margin-top: 16px;
    }
    footer.wd-footer::before { height: 30px; }
    .grecaptcha-badge { visibility: hidden !important; }
    body .woocommerce-checkout #payment {
        padding: 20px 15px !important;
        margin-left: -20px !important;
        margin-right: -20px !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        width: calc(100% + 40px) !important;
    }
    body .woocommerce-checkout #payment ul.payment_methods li { margin-bottom: 12px !important; }
    body .woocommerce-checkout #payment ul.payment_methods li label {
        display: flex !important;
        flex-wrap: wrap !important;
        padding: 18px 15px 18px 50px !important;
        font-size: 15px !important;
    }
    body .woocommerce-checkout #payment ul.payment_methods li label img,
    .custom-osb-logo {
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        margin-top: 8px !important;
        max-height: 20px !important;
    }
    body .woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
        left: 15px !important;
        top: 20px !important;
    }
    body .woocommerce-checkout #payment div.payment_box {
        padding: 0px 15px 15px 50px !important;
        font-size: 13px !important;
    }
    body .woocommerce-checkout #payment ul.payment_methods li:hover {
        border-color: #e2e8f0 !important;
        background-color: white !important;
    }
    body .woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
        border-color: var(--fc-orange) !important;
        background-color: #fff9f5 !important;
    }
    #place_order {
        padding: 16px !important;
        font-size: 16px !important;
        border-radius: 8px !important;
    }
    .woocommerce-cart .cart_totals tr.shipping,
    .woocommerce-checkout #order_review tr.shipping {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 12px 0 !important;
        width: 100% !important;
    }
    .woocommerce-cart .cart_totals tr.shipping th,
    .woocommerce-checkout #order_review tr.shipping th {
        width: 100% !important;
        font-weight: bold !important;
        margin-bottom: 6px !important;
        border: none !important;
        padding: 0 !important;
    }
    .woocommerce-cart .cart_totals tr.shipping td,
    .woocommerce-checkout #order_review tr.shipping td {
        width: 100% !important;
        text-align: left !important;
        border: none !important;
        padding: 0 !important;
    }
    .woocommerce-cart .cart_totals tr.shipping li,
    .woocommerce-checkout #order_review tr.shipping li {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        margin-bottom: 4px !important;
    }
    .woocommerce-cart .cart_totals tr.shipping .amount,
    .woocommerce-checkout #order_review tr.shipping .amount {
        white-space: nowrap !important;
        display: inline-block !important;
        font-weight: bold !important;
    }
    .woocommerce-cart .product-subtotal del,
    .woocommerce-checkout .product-total del {
        margin-right: 8px !important;
        opacity: 0.5;
    }
    form.wd-product-filters .wd-pf-title {
        height: 44px !important;
        padding-inline: 14px 34px !important;
    }
    form.wd-product-filters .wd-pf-title .title-text { font-size: 12px !important; }
    form.wd-product-filters a.wp-block-wd-button,
    form.wd-product-filters button[type="submit"],
    form.wd-product-filters .wd-pf-btn {
        width: 100% !important;
    }
}


/* ============================================================
   17 bis. TAP DES ICÔNES DU MENU MOBILE
   ============================================================ */
@media (max-width: 767px) {
    .wd-toolbar .wd-toolbar-item,
    .wd-tools-element,
    .wd-burger-icon,
    .wd-nav-mobile a {
        -webkit-tap-highlight-color: rgba(255,126,41,.25);
        transition: color .12s ease, background-color .12s ease;
    }
    .wd-toolbar .wd-toolbar-item:active .wd-tools-icon::before,
    .wd-toolbar .wd-toolbar-item.wd-tap-active .wd-tools-icon::before,
    .wd-tools-element:active .wd-tools-icon::before,
    .wd-tools-element.wd-tap-active .wd-tools-icon::before,
    .wd-burger-icon:active,
    .wd-burger-icon.wd-tap-active {
        color: #ff7e29 !important;
    }
    .wd-nav-mobile a:active,
    .wd-nav-mobile a.wd-tap-active {
        color: #ff7e29 !important;
        background-color: rgba(29,109,111,.10) !important;
    }
}


/* ============================================================
   18. DARK MODE NEUTRALISÉ SUR LES ARTICLES
   ============================================================ */
@media (prefers-color-scheme: dark) {
    .fenuaclick-article { color: #333 !important; }
    .fenuaclick-article .norm-badge {
        background: #f9f9f9 !important;
        border-color: #e0e0e0 !important;
        color: #666 !important;
    }
    .fenuaclick-article .norm-badge svg { color: var(--fc-teal) !important; }
    .fenuaclick-article .norm-badge-alert {
        background: #fdf2f2 !important;
        border-color: #fbd5d5 !important;
        color: #d32f2f !important;
    }
    .fenuaclick-article .section-title { color: var(--fc-teal) !important; }
    .fenuaclick-article .section-subtitle { color: #666 !important; }
    .fenuaclick-article .card {
        background: #fff !important;
        border-color: #eee !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    }
    .fenuaclick-article .card h4,
    .fenuaclick-article .card h4 svg { color: var(--fc-teal) !important; }
    .fenuaclick-article .collapsible-section {
        background: #fff !important;
        border-color: #eee !important;
    }
    .fenuaclick-article .accordion-btn {
        background: #fafafa !important;
        color: var(--fc-teal) !important;
    }
    .fenuaclick-article .accordion-btn:hover { background: #f0f0f0 !important; }
    .fenuaclick-article .collapsible-inner {
        border-color: #f9f9f9 !important;
        color: #333 !important;
    }
    .fenuaclick-article .expertise-box { background: #fff !important; }
    .fenuaclick-article .footer-text,
    .fenuaclick-article .footer-note {
        color: var(--fc-teal) !important;
        border-color: #eee !important;
    }
    .fenuaclick-article td { border-color: #f5f5f5 !important; color: #333 !important; }
    .fenuaclick-article td:first-child { color: var(--fc-orange) !important; }
    .fenuaclick-article .faq-question,
    .fenuaclick-article .faq-q { color: var(--fc-orange) !important; }
    .fenuaclick-article .faq-answer,
    .fenuaclick-article .faq-a { color: #555 !important; }
}


/* ============================================================
   19. PAGE DE REMERCIEMENT
   ============================================================ */
p.woocommerce-thankyou-order-received {
    position: relative;
    max-width: 620px;
    margin: 0 auto 34px !important;
    padding: 26px 24px 24px !important;
    background: #f2f9f7 !important;
    border: 1px solid #cfe6df !important;
    border-radius: 14px !important;
    text-align: center;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--fc-teal) !important;
    line-height: 1.4 !important;
}
p.woocommerce-thankyou-order-received::before {
    content: "";
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232fa87b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='8 12.5 11 15.5 16 9'/%3E%3C/svg%3E");
}
ul.woocommerce-order-overview {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px !important;
    margin: 0 0 34px !important;
    padding: 0 !important;
    border: none !important;
    list-style: none !important;
}
ul.woocommerce-order-overview li {
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    margin: 0 !important;
    padding: 16px 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(33, 93, 96, .10) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(26, 58, 58, .05);
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #8a9a99 !important;
    text-align: left !important;
    float: none !important;
    width: auto !important;
    border-right: 1px solid rgba(33, 93, 96, .10) !important;
}
ul.woocommerce-order-overview li strong {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: none;
    color: var(--fc-teal) !important;
}
ul.woocommerce-order-overview li.woocommerce-order-overview__total strong,
ul.woocommerce-order-overview li.woocommerce-order-overview__total strong .amount {
    color: var(--fc-orange) !important;
}
h2.woocommerce-order-details__title,
h2.woocommerce-column__title,
h2.wc-bacs-bank-details-heading {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: var(--fc-teal) !important;
    margin: 0 0 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #e7efee !important;
}
.wd-el-tp-order-details .elementor-widget-container,
.wd-el-tp-customer-details .elementor-widget-container,
.wd-el-tp-payment-instructions .elementor-widget-container {
    background: #ffffff;
    border: 1px solid rgba(33, 93, 96, .10);
    border-radius: 14px;
    padding: 22px 24px;
    margin-bottom: 24px;
    box-shadow: 0 1px 3px rgba(26, 58, 58, .05);
}
table.woocommerce-table--order-details {
    width: 100%;
    border: none !important;
    margin: 0 !important;
}
table.woocommerce-table--order-details th,
table.woocommerce-table--order-details td {
    border: none !important;
    border-bottom: 1px solid #f0f3f2 !important;
    padding: 13px 0 !important;
    vertical-align: top;
}
table.woocommerce-table--order-details thead th {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8a9a99 !important;
    border-bottom: 1px solid #e7efee !important;
    padding-bottom: 10px !important;
}
table.woocommerce-table--order-details td {
    text-align: right;
    font-weight: 600;
    color: var(--fc-ink) !important;
}
table.woocommerce-table--order-details td.product-name,
table.woocommerce-table--order-details tfoot th {
    text-align: left;
    font-weight: 600 !important;
    color: var(--fc-teal) !important;
}
table.woocommerce-table--order-details .wc-item-meta,
table.woocommerce-table--order-details .wc-item-meta li,
table.woocommerce-table--order-details .wc-item-meta p {
    display: inline;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #7c8a89 !important;
    margin: 0 !important;
    list-style: none;
}
table.woocommerce-table--order-details .wc-item-meta {
    display: block;
    margin-top: 5px !important;
}
table.woocommerce-table--order-details .wc-item-meta-label {
    font-weight: 600 !important;
    color: #7c8a89 !important;
}
table.woocommerce-table--order-details tr:has(th.order-actions--heading) {
    display: none !important;
}
table.woocommerce-table--order-details tfoot tr:not(:has(.woocommerce-Price-amount)) + tr th,
table.woocommerce-table--order-details tfoot tr:not(:has(.woocommerce-Price-amount)) + tr td {
    border-bottom: none !important;
    border-top: 2px solid #e7efee !important;
    padding-top: 16px !important;
    font-size: 19px !important;
    font-weight: 700 !important;
}
table.woocommerce-table--order-details tfoot tr:not(:has(.woocommerce-Price-amount)) + tr td,
table.woocommerce-table--order-details tfoot tr:not(:has(.woocommerce-Price-amount)) + tr td .amount {
    color: var(--fc-orange) !important;
}
.woocommerce-customer-details address {
    border: none !important;
    padding: 0 !important;
    font-style: normal;
    line-height: 1.7;
    color: var(--fc-ink) !important;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
    margin: 6px 0 0 !important;
    color: #7c8a89 !important;
}
ul.wc-bacs-bank-details.order_details {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    list-style: none !important;
}
ul.wc-bacs-bank-details.order_details li {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 11px 0 !important;
    border: none !important;
    border-bottom: 1px solid #f0f3f2 !important;
    font-size: 14px !important;
    text-align: left !important;
    color: #7c8a89 !important;
    list-style: none !important;
}
ul.wc-bacs-bank-details.order_details li:last-child {
    border-bottom: none !important;
}
ul.wc-bacs-bank-details.order_details li strong {
    display: inline !important;
    margin: 0 !important;
    color: var(--fc-teal) !important;
    text-align: right;
    word-break: break-word;
}
h3.wc-bacs-bank-details-account-name {
    font-size: 15px !important;
    color: var(--fc-orange) !important;
    margin: 0 0 8px !important;
}


/* ============================================================
   19 bis. MOBILE — PAGE DE REMERCIEMENT
   ============================================================ */
@media (max-width: 767px) {
    p.woocommerce-thankyou-order-received {
        font-size: 17px !important;
        padding: 22px 18px 20px !important;
    }
    ul.woocommerce-order-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px !important;
    }
    ul.woocommerce-order-overview li { padding: 13px 14px !important; }
    ul.woocommerce-order-overview li strong { font-size: 15px !important; }
    .wd-el-tp-order-details .elementor-widget-container,
    .wd-el-tp-customer-details .elementor-widget-container,
    .wd-el-tp-payment-instructions .elementor-widget-container {
        padding: 18px 16px;
        border-radius: 12px;
    }
    table.woocommerce-table--order-details th,
    table.woocommerce-table--order-details td {
        padding: 11px 0 !important;
        font-size: 14px !important;
    }
    table.woocommerce-table--order-details tfoot tr:not(:has(.woocommerce-Price-amount)) + tr th,
    table.woocommerce-table--order-details tfoot tr:not(:has(.woocommerce-Price-amount)) + tr td {
        font-size: 17px !important;
    }
    ul.wc-bacs-bank-details.order_details li {
        flex-direction: column !important;
        align-items: flex-start;
        gap: 3px;
    }
    ul.wc-bacs-bank-details.order_details li strong { text-align: left; }
}


/* ============================================================
   20. MOBILE — FICHE PRODUIT
   ============================================================ */
@media (max-width: 767px) {
    .single-product .wd-single-title h1.product_title {
        font-size: 22px;
        line-height: 1.25;
    }
    .single-product .wd-single-price .price {
        font-size: 28px !important;
    }
    .single-product .e-con:has(> .wd-single-price),
    .single-product .fc-buybox {
        padding: 15px;
        border-radius: 14px;
    }
    body.single-product .elementor-widget-countdown .elementor-countdown-wrapper {
        gap: 6px !important;
        padding: 11px 12px 10px;
    }
    body.single-product .elementor-widget-countdown .elementor-countdown-item {
        padding: 7px 2px 6px;
    }
    body.single-product .elementor-widget-countdown .elementor-countdown-digits {
        font-size: 20px;
    }
    body.single-product .elementor-widget-countdown .elementor-countdown-label {
        font-size: 9px;
        letter-spacing: .04em;
    }
    .single-product .wd-single-add-cart form.cart {
        gap: 10px;
    }
    .single-product .wd-single-add-cart form.cart button[name="add-to-cart"],
    .single-product .wd-single-add-cart form.cart .single_add_to_cart_button {
        flex: 1 1 auto;
        padding: 5px 18px;
    }
    .single-product .wd-single-short-desc .simple-desc .item > svg,
    .single-product .wd-single-short-desc .simple-desc .item::before {
        width: 30px;
        height: 30px;
        padding: 7px;
        margin-right: 10px;
    }
    .single-product .wd-single-short-desc .simple-desc .item::before {
        background-size: 16px 16px;
    }
    .single-product .wd-single-tabs .wd-nav-tabs {
        gap: 5px 18px;
    }
    .single-product .wd-single-tabs .wd-nav-tabs > li > a.wd-nav-link {
        font-size: 12px;
        letter-spacing: .05em;
        padding-bottom: 12px;
    }
    .single-product .wd-single-gallery .wd-gallery-images .wd-carousel-item img {
        border-radius: 10px;
    }
}

@media (max-width: 379px) {
    .single-product .wd-single-add-cart form.cart .quantity,
    .single-product .wd-single-add-cart form.cart button[name="add-to-cart"],
    .single-product .wd-single-add-cart form.cart .single_add_to_cart_button {
        width: 100%;
        flex: 1 1 100%;
    }
}


/* ============================================================
   21. — SUPPRIMÉE —
   Ancien bloc « Page d'accueil », dont 21.3 promo Montre enfant.
   Absent du fichier depuis la v5. À recréer si le bloc Montre se
   dérègle en desktop : les sections 24 et 24 ter ne couvrent que
   mobile et tablette.
   ============================================================ */


/* ============================================================
   22. FICHE PRODUIT — DESCRIPTIF LONG
   ============================================================ */
.single-product .fenuaclick-article .collapsible-inner > p,
.single-product .fenuaclick-article .collapsible-inner > ul,
.single-product .fenuaclick-article .collapsible-inner > ol,
.single-product .fenuaclick-article > p,
.single-product .fenuaclick-article .section-subtitle {
    max-width: 70ch;
}
.single-product .fenuaclick-article .section-subtitle,
.single-product .fenuaclick-article .footer-text {
    margin-inline: auto;
}
.single-product .fenuaclick-article .footer-text {
    max-width: 70ch;
}
.single-product .fenuaclick-article .accordion-btn {
    border-radius: 10px;
    transition: background-color .2s ease, border-radius .2s ease;
}
.single-product .fenuaclick-article .accordion-btn[aria-expanded="true"] {
    border-radius: 10px 10px 0 0;
}
.single-product .fenuaclick-article .card {
    transition: box-shadow .25s ease, border-left-color .25s ease;
}
.single-product .fenuaclick-article .card:hover {
    box-shadow: 0 8px 24px rgba(33, 93, 96, .12);
}


/* ============================================================
   22 bis. MOBILE — DESCRIPTIF LONG
   ============================================================ */
@media (max-width: 767px) {
    .single-product .fenuaclick-article .collapsible-inner > p,
    .single-product .fenuaclick-article .collapsible-inner > ul,
    .single-product .fenuaclick-article .collapsible-inner > ol,
    .single-product .fenuaclick-article > p,
    .single-product .fenuaclick-article .section-subtitle,
    .single-product .fenuaclick-article .footer-text {
        max-width: none;
    }
}


/* ============================================================
   23. MOBILE — GRILLE BOUTIQUE
   ============================================================ */
@media (max-width: 767px) {
    .wd-products.wd-grid-g { gap: 12px !important; }
    .wd-products .wd-product {
        border-radius: 12px !important;
    }
    .wd-products .wd-product.wd-hover-buttons-on-hover {
        padding-bottom: 44px !important;
    }
    .wd-products .wd-product:hover {
        transform: none;
        box-shadow: 0 1px 3px rgba(26, 58, 58, .06) !important;
        border-color: rgba(33, 93, 96, .10) !important;
    }
    .wd-products .wd-product:hover .wd-product-thumb img,
    .wd-products .wd-product:hover .wd-product-grid-slide {
        transform: none;
    }
    .wd-products .wd-product:active {
        transform: scale(.985);
        transition: transform .1s ease;
    }
    .wd-products .wd-product .wd-entities-title { font-size: 13.5px !important; }
    .wd-products .wd-product .wd-product-cats   { font-size: 10px !important; }
    .wd-products .wd-product .wd-product-footer .button,
    .wd-products .wd-product .add_to_cart_button {
        font-size: 11px !important;
        letter-spacing: .03em;
    }
}


/* ============================================================
   24. MOBILE — BLOC MONTRE DE L'ACCUEIL
   ============================================================ */
@media (max-width: 767px) {
    .home .e-con:has(.wd-timer) .woodmart-title-container {
        line-height: 1.14;
    }
    .home .e-con:has(.wd-timer) .title-after_title p,
    .home .e-con:has(.wd-timer) .title-after_title span {
        font-size: 16px;
    }
    .home .elementor-widget-wd_countdown_timer .elementor-widget-container::before {
        font-size: 11px;
        margin-bottom: 6px;
    }
    .home .fc-preco-prix .fc-preco-montant { font-size: 28px; }
    .home .fc-preco-prix .fc-preco-acompte { font-size: 13px; }
    .home .wd-timer { gap: 8px; }
    .home .wd-timer .wd-item {
        width: 64px;
        height: 64px;
        border-radius: 12px;
    }
    .home .wd-timer .wd-timer-value { font-size: 23px; }
    .home .wd-timer .wd-timer-text::after {
        font-size: 9px;
        letter-spacing: .04em;
    }
    .home .wd-timer .wd-timer-min .wd-timer-text::after { content: "Min"; }
    .home .wd-timer .wd-timer-sec .wd-timer-text::after { content: "Sec"; }
    .home .e-con:has(.wd-timer) a.btn {
        width: 100%;
        justify-content: center;
    }
    .home .e-con:has(.wd-timer) .elementor-widget-wd_image_or_svg .wd-image > a {
        border-radius: 12px;
        box-shadow: 0 6px 18px rgba(26, 58, 58, .12),
                    0 0 0 1px rgba(33, 93, 96, .10) !important;
    }
    .home .e-con:has(.wd-timer) .elementor-widget-wd_image_or_svg .wd-image > a:hover {
        transform: none;
        box-shadow: 0 6px 18px rgba(26, 58, 58, .12),
                    0 0 0 1px rgba(33, 93, 96, .10) !important;
    }
    .home .e-con:has(.wd-timer) .elementor-widget-wd_image_or_svg .wd-image > a:hover img {
        transform: none;
    }
    .home .e-con:has(.wd-timer) .elementor-widget-wd_image_or_svg .wd-image > a:active {
        transform: scale(.99);
        transition: transform .1s ease;
    }
    .home .e-con:has(.wd-timer) .elementor-widget-wd_image_or_svg img {
        border-radius: 12px;
    }
}


/* ============================================================
   24 bis. MOBILE — CODE PROMO ET CONNEXION
   ============================================================ */
@media (max-width: 767px) {
    .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
    .woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
        max-width: none;
        padding: 13px 14px !important;
        font-size: 14px;
        margin-bottom: 14px !important;
    }
    .woocommerce-checkout .woocommerce-form-coupon-toggle a.showcoupon,
    .woocommerce-checkout .woocommerce-form-login-toggle a.showlogin {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        margin-top: 10px;
        padding: 0 14px;
        background: #fff;
        border: 1px solid var(--fc-orange-line, #f2d6bd);
        border-radius: 10px;
        text-decoration: none;
        text-align: center;
        box-sizing: border-box;
    }
    .woocommerce-checkout form.checkout_coupon {
        max-width: none;
        padding: 14px;
    }
    .woocommerce-checkout form.woocommerce-form-login {
        max-width: none;
        padding: 16px;
    }
}


/* ============================================================
   24 ter. MOBILE ET TABLETTE — ESPACEMENTS DU BLOC MONTRE
   ============================================================ */
@media (max-width: 1024px) {
    .home .e-con:has(.wd-timer) {
        --gap: 10px !important;
        gap: 10px !important;
    }
    .home .e-con:has(.wd-timer) .e-con:has(> .elementor-widget-wd_image_or_svg) {
        padding-block: 6px !important;
    }
    .home .e-con:has(.wd-timer) .elementor-widget-wd_title > .elementor-widget-container {
        padding-block: 6px !important;
    }
    .home .e-con:has(.wd-timer) .woodmart-title-container {
        margin-bottom: 4px;
    }
    .home .elementor-widget-wd_countdown_timer > .elementor-widget-container {
        padding-block: 2px !important;
    }
    .home .e-con:has(.wd-timer) .elementor-widget-wd_button > .elementor-widget-container {
        padding-block: 4px !important;
    }
    .home .e-con:has(.wd-timer) > .elementor-widget-spacer {
        display: none !important;
    }
    .home .e-con:has(> .elementor-widget-wd_countdown_timer) {
        justify-content: flex-start;
    }
}


/* ============================================================
   25. MOUVEMENT RÉDUIT
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
    .wd-products .wd-product,
    .wd-products .wd-product-thumb img,
    .wd-products .wd-product-grid-slide,
    .wd-products .wd-product .wd-product-footer .button,
    .home .e-con:has(.wd-timer) .elementor-widget-wd_image_or_svg .wd-image > a,
    .home .e-con:has(.wd-timer) .elementor-widget-wd_image_or_svg img {
        transition: none !important;
    }
    .wd-products .wd-product:hover { transform: none; }
    .wd-products .wd-product:hover .wd-product-thumb img,
    .wd-products .wd-product:hover .wd-product-grid-slide { transform: none; }
    .home .e-con:has(.wd-timer) .elementor-widget-wd_image_or_svg .wd-image > a:hover { transform: none; }
    .home .e-con:has(.wd-timer) .elementor-widget-wd_image_or_svg .wd-image > a:hover img { transform: none; }
    .marquee-track { animation: none !important; }
}


/* ============================================================
   26. TABLETTE — HEADER ET PAGE D'ACCUEIL
   ============================================================ */
@media (min-width: 768px) and (max-width: 1024px) {
    .home .e-con:has(.cr-reviews-slider) {
        flex-direction: column !important;
    }
    .home .e-con:has(.cr-reviews-slider) > .elementor-element {
        width: 100% !important;
    }
}


/* ============================================================
   27. BANDEAU DÉFILANT DU HEADER (marquee)
   Dépend du HTML du widget : trois messages, classes m-item,
   m-strong et separator. La classe pulse-text n'existe plus,
   ne pas coller cette section avec l'ancien HTML.
   ============================================================ */
.marquee-full {
    width: 100%;
    position: relative;
    height: 52px;
    overflow: hidden;
    background:
        linear-gradient(rgba(33, 93, 96, 0.55), rgba(33, 93, 96, 0.72)),
        url('https://fenuaclick.com/wp-content/uploads/2026/05/Footer_News-6.webp') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    z-index: 1000;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: 14px;
}
.marquee-track {
    display: flex;
    width: max-content;
    animation: marqueeScroll 22s linear infinite;
}
.marquee-full:hover .marquee-track { animation-play-state: paused; }
.marquee-content {
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #ffffff;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding-right: 100px;
}
.m-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    text-decoration: none;
}
.m-strong { font-weight: 700; }
a.m-item:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.m-item svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    stroke: #ff7e29;
}
.separator {
    margin: 0 25px;
    color: rgba(255,255,255,0.35);
}
.marquee-wave {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 16px;
    line-height: 0;
    z-index: 5;
    pointer-events: none;
}
.marquee-wave svg { display: block; width: 100%; height: 100%; }
.marquee-wave path { fill: #ffffff; }
@keyframes marqueeScroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
@media (max-width: 767px) {
    .marquee-full    { height: 54px; padding-bottom: 14px; }
    .marquee-content { font-size: 14px; padding-right: 50px; }
    .m-item svg      { width: 18px; height: 18px; }
    .separator       { margin: 0 15px; }
}


/* ============================================================
   28. FILET DE SÉCURITÉ — BOUTONS WOODMART
   ============================================================ */
.btn.btn-style-default {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background-color: var(--btn-default-bgcolor);
    color: var(--btn-default-color);
}
.btn.btn-style-default:hover {
    background-color: var(--btn-default-bgcolor-hover, var(--btn-default-bgcolor));
    color: var(--btn-default-color-hover, var(--btn-default-color));
}


/* ============================================================
   29. CARROUSEL D'ARTICLES — TITRES DU DESIGN « MASK »
   ============================================================ */
html .wd-posts .post.wd-post.blog-design-mask .wd-entities-title,
html .wd-posts .post.wd-post.blog-design-mask .wd-entities-title a {
    color: #fff;
}
html .wd-posts .post.wd-post.blog-design-mask:hover .wd-entities-title,
html .wd-posts .post.wd-post.blog-design-mask .wd-entities-title a:hover {
    color: var(--fc-orange);
}


/* ============================================================
   30. MOBILE — ENCADRÉS D'INFORMATION (OBSOLÈTE)
   ============================================================ */
@media (max-width: 767px) {
    .wd-info-box.box-icon-align-left {
        gap: 14px !important;
    }
    .wd-info-box.box-icon-align-left .info-box-icon {
        width: 56px !important;
        min-width: 56px !important;
        flex: 0 0 56px !important;
    }
    .wd-info-box.box-icon-align-left .info-box-icon img,
    .wd-info-box.box-icon-align-left .info-box-icon svg {
        width: 56px !important;
        height: auto !important;
    }
}


/* ============================================================
   31. TABLETTE — BLOC DE RÉASSURANCE
   ============================================================ */
@media (min-width: 768px) and (max-width: 1279px) {
    .home .e-con:has(> .e-con-inner > .elementor-widget .wd-info-box) > .e-con-inner {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        gap: 16px !important;
    }
    .home .e-con:has(> .e-con-inner > .elementor-widget .wd-info-box) > .e-con-inner > .elementor-widget-spacer {
        display: none !important;
    }
    .home .e-con:has(> .e-con-inner > .elementor-widget .wd-info-box) > .e-con-inner > .elementor-widget:has(.wd-info-box) {
        flex: 1 1 calc(33.333% - 11px) !important;
        width: auto !important;
        max-width: none !important;
    }
}


/* ============================================================
   32. TABLETTE — IMAGE DU BLOC MONTRE
   ============================================================ */
@media (min-width: 768px) and (max-width: 1279px) {
    .home .e-con:has(.wd-timer) .elementor-widget-wd_image_or_svg {
        width: 100% !important;
        max-width: none !important;
    }
}


/* ============================================================
   33. TABLETTE — ÉQUILIBRE DES COLONNES DU BLOC MONTRE
   ============================================================ */
@media (min-width: 900px) and (max-width: 1279px) {
    .home .e-con:has(> .e-con > .elementor-widget-wd_image_or_svg) > .e-con {
        flex: 1 1 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }
}


/* ============================================================
   34. ACCUEIL — TITRES DE SECTION, TAILLE DES h4
   Depuis le passage du hero en h1, le titre du hero porte lui
   aussi wd-fontsize-l. La règle de taille nomme donc h4
   explicitement, sinon elle rapetisse le hero avec les titres
   de section.
   ============================================================ */
.home .elementor-widget-wd_title:has(.woodmart-title-container.wd-fontsize-l) .title-wrapper .title-subtitle {
    font-size: 13px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .16em;
    line-height: 1.4;
    margin-bottom: 16px !important;
}
.home .elementor-widget-wd_title:has(.woodmart-title-container.wd-fontsize-l) .woodmart-title-container.title.wd-fontsize-l {
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.02em;
}
.home .elementor-widget-wd_title h4.woodmart-title-container.wd-fontsize-l {
    font-size: clamp(22px, 3.4vw, 34px) !important;
}


/* ============================================================
   35. — libre —
   ============================================================ */


/* ============================================================
   36. ACCUEIL — AVIS CLIENTS : HAUTEURS ÉGALES
   ============================================================ */
.home .cr-reviews-slider {
    display: block !important;
    overflow: visible !important;
}
.home .cr-reviews-slider .slick-track {
    display: flex !important;
    align-items: stretch !important;
}
.home .cr-reviews-slider .slick-slide {
    height: auto !important;
}
.home .cr-reviews-slider .slick-slide > div {
    height: 100%;
}
.home .cr-reviews-slider .cr-review-card {
    height: 100% !important;
    display: flex !important;
}
.home .cr-reviews-slider .cr-review-card-inner {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: 12px;
}
.home .cr-reviews-slider .cr-review-card-inner .middle-row {
    flex: 1 1 auto;
}


/* ============================================================
   36 bis. FICHE PRODUIT — PANNEAU RÉCAPITULATIF FBT
   Woodmart « Frequently bought together », colonne de droite.
   ============================================================ */

/* 1. Carte conteneur principale */
.wd-fbt-form {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 20px !important;
    box-shadow: 0 4px 16px rgba(33, 93, 96, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* 2. Chaque bloc produit sélectionnable */
.wd-fbt-form .wd-fbt-item {
    background: #ffffff !important;
    border: 1.5px solid #eef2f6 !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
}

/* Effet quand le produit est actif / coché */
.wd-fbt-form .wd-fbt-item:has(input:checked) {
    border-color: #f2d6bd !important;
    background: #fffcf9 !important;
}

/* 3. Ligne de titre + checkbox */
.wd-fbt-form .wd-fbt-item > label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: var(--fc-teal, #215d60) !important;
    cursor: pointer !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
}

.wd-fbt-form .wd-fbt-item input[type="checkbox"] {
    accent-color: var(--fc-orange, #E17731) !important;
    width: 17px !important;
    height: 17px !important;
    margin-top: 1px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}

/* 4. Affichage du prix unitaire par ligne */
.wd-fbt-form .wd-fbt-item .price {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--fc-orange, #E17731) !important;
    padding-left: 27px !important; /* Aligne avec le texte après la checkbox */
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
}

.wd-fbt-form .wd-fbt-item .price del {
    font-size: 12px !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

/* 5. Selecteur de déclinaisons / variations */
.wd-fbt-form .wd-fbt-item select {
    width: calc(100% - 27px) !important;
    margin-left: 27px !important;
    margin-top: 8px !important;
    height: 38px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    padding: 0 10px !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.wd-fbt-form .wd-fbt-item select:focus {
    border-color: var(--fc-teal, #215d60) !important;
    box-shadow: 0 0 0 2px rgba(33, 93, 96, 0.12) !important;
}

/* 6. Section Total et Compteur */
.wd-fbt-form .wd-fbt-total {
    margin-top: 8px !important;
    padding-top: 14px !important;
    border-top: 2px dashed #e2e8f0 !important;
    text-align: center !important;
}

.wd-fbt-form .wd-fbt-total .price {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: var(--fc-orange, #E17731) !important;
    justify-content: center !important;
    margin-bottom: 2px !important;
}

.wd-fbt-form .wd-fbt-total .wd-fbt-count {
    display: block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    margin-bottom: 12px !important;
}

/* 7. Bouton CTA « Ajouter au panier » */
.wd-fbt-form .wd-fbt-purchase-btn,
.wd-fbt-form button[type="submit"] {
    width: 100% !important;
    min-height: 48px !important;
    background-color: var(--fc-orange, #E17731) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 20px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(225, 119, 49, 0.28) !important;
    transition: transform .15s ease, background-color .2s ease, box-shadow .2s ease !important;
}

.wd-fbt-form .wd-fbt-purchase-btn:hover,
.wd-fbt-form button[type="submit"]:hover {
    background-color: var(--fc-orange-dark, #c45d1f) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(225, 119, 49, 0.38) !important;
}


/* ============================================================
   37. ACCUEIL — BOUTON DU HERO « DÉCOUVRIR LA BOUTIQUE »
   Orange par défaut : c'est le seul appel à l'action de la
   section, et l'orange est la seule couleur d'accent sur le
   fond teal. Pas de filter: brightness au survol, il fait
   virer l'orange au jaune.
   ============================================================ */
.elementor-element-4cef3c1 a.elementor-button {
    border-radius: 10px !important;
    background-color: var(--fc-orange) !important;
    border-color: var(--fc-orange) !important;
    box-shadow: 0 6px 16px rgba(26, 58, 58, 0.22) !important;
    transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease !important;
}
.elementor-element-4cef3c1 a.elementor-button:hover {
    transform: translateY(-2px);
    background-color: var(--fc-orange-dark) !important;
    border-color: var(--fc-orange-dark) !important;
    box-shadow: 0 10px 22px rgba(26, 58, 58, 0.28) !important;
}


/* ============================================================
   38. ACCUEIL — FOND DU HERO ET CADRE DE LA GRILLE
   Le hero passait par linear-gradient(82deg, teal 30%, orange
   74%) : entre 30 % et 74 % les deux couleurs se neutralisaient
   en un brun terne. Remplacé par un aplat teal ; la vague du
   hero est conservée. La grille produits perd son cadre blanc.
   ============================================================ */
.elementor-1322 .elementor-element-6292bc83:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
    background-color: var(--fc-teal) !important;
}
.elementor-1322 .elementor-element-3999abcb > .elementor-widget-container {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}


/* ============================================================
   39. CONNEXION — « SE SOUVENIR DE MOI » ET MOT DE PASSE OUBLIÉ
   ============================================================ */
.login-form-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px;
}

.login-form-footer br {
    display: none !important;
}

.woocommerce-product-gallery .wd-arrow-inner {
  color: #E17731 !important;
}

.woocommerce-product-gallery .wd-nav-arrows .wd-arrow-inner {
  background: rgba(255, 255, 255, 0.85) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  color: #E17731 !important;
  transition: background-color .2s ease, color .2s ease;
}
.woocommerce-product-gallery .wd-nav-arrows .wd-arrow-inner:hover {
  background: #E17731 !important;
  color: #ffffff !important;
}

/* ============================================================
   40. GRILLE & FICHE PRODUIT — ICÔNE DE CONFIRMATION
   « AJOUTÉ AU PANIER » (wd-action-icon / wd-check-icon)
   Filet de sécurité : on plafonne la taille sans toucher à la
   visibilité (le thème gère lui-même l'affichage/masquage
   pendant l'animation d'ajout au panier).
   ============================================================ */
.add_to_cart_button,
.single_add_to_cart_button {
    overflow: hidden !important;
}
.add_to_cart_button .wd-action-icon,
.single_add_to_cart_button .wd-action-icon {
    max-width: 18px !important;
    max-height: 18px !important;
}
.add_to_cart_button .wd-check-icon,
.single_add_to_cart_button .wd-check-icon {
    max-width: 18px !important;
    max-height: 18px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}