:root {
	--wd-hb-opt-h: 40px;
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(66,66,66);
	--wd-text-font-size: 16px;
	--wd-title-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(43,43,43);
	--wd-alternative-color: rgb(81,81,81);
	--btn-default-font-weight: 400;
	--btn-default-transform: none;
	--btn-default-bgcolor: rgb(127,127,127);
	--btn-default-bgcolor-hover: rgb(61,61,61);
	--btn-accented-font-weight: 600;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(76,53,224);
	--btn-accented-bgcolor-hover: rgb(19,0,145);
	--btn-color: rgb(255,255,255);
	--btn-font-size: 14px;
	--btn-bgcolor: rgb(40,40,40);
	--btn-padding: 10px 20px 10px 20px;
	--btn-color-hover: rgb(255,255,255);
	--btn-bgcolor-hover: rgb(76,53,224);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(14,183,28);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(224,161,26);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: rgb(36,58,201);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,154,87);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 480px;
}
.wd-hb {
	background-color: rgb(221,140,17);
	background-image: none;
}
: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);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center top;
}
.wd-footer {
	background-color: rgb(15,15,15);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Work Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
html .cart-totals-inner .checkout-button, html #place_order {
	font-weight: 700;
	font-size: 18px;
	text-transform: none;
	color: rgb(255,255,255);
	background: rgb(76,53,224);
	padding: 20px 10px 20px 10px;
}
html .cart-totals-inner .checkout-button:hover, html #place_order:hover {
	color: rgb(255,255,255);
	background: rgb(62,0,209);
}
html .comment-form .submit, html .cart-actions .button[name="apply_coupon"], html .woocommerce-checkout .login .button, html .woocommerce-form-coupon .button, html .login .button, html .register .button, html .btn.wd-switch-to-register {
	font-size: 14px;
	color: rgb(255,255,255);
	background: rgb(40,40,40);
	padding: 10px 20px 10px 20px;
}
html .comment-form .submit:hover, html .cart-actions .button[name="apply_coupon"]:hover, html .woocommerce-checkout .login .button:hover, html .woocommerce-form-coupon .button:hover, html .login .button:hover, html .register .button:hover, html .btn.wd-switch-to-register:hover {
	color: rgb(255,255,255);
	background: rgb(76,53,224);
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .btn.wd-buy-now-btn, html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity :is(input[type],.btn) {
	font-size: 15px;
	color: rgb(255,255,255);
	background: rgb(76,53,224);
	padding: 0 25px 0 25px;
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover, html .btn.wd-buy-now-btn:hover, html .wd-sticky-btn-cart .single_add_to_cart_button:hover, html .wd-sticky-btn-cart .wd-sticky-add-to-cart:hover, html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity :is(input[type],.btn), html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity+.button {
	color: rgb(255,255,255);
	background: rgb(76,53,224);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119)7;
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 40px;
	--wd-sticky-btn-height: 95px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 20px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 55px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

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

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


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

/* ==========================================================
   AJOUT : COULEUR DES LIENS CLICABLES
========================================================== */
a {
    color: #4D37D8;
    transition: color 0.3s ease;
}

a:hover {
    color: #3726a1; /* Version légèrement plus foncée au survol */
}

/* ==========================================================
   GÉNÉRAL & TEXTES
========================================================== */

/* Alignement et style texte réassort (Fusion de tes deux règles) */
p.stock.wd-style-default:is(.available-on-backorder, .in-stock) {
    text-align: center;
    color: #009002;
    font-size: 1.2em;
}

/* Taille en stock en couleur */
p.stock.wd-style-default.in-stock::before {
    margin-inline-end: 5px;
    color: #009002;
    content: "\f107";
    font-family: "woodmart-font";
    font-size: 1.3em;
}

/* Coloris tête mon compte */
.wd-sub-menu li > a {
    color: #262626;
}

/* ==========================================================
   MASQUAGE D'ÉLÉMENTS (BLOG, AVIS, META)
========================================================== */

/* Masquage avec !important */
.wd-post-meta,
.meta-author {
    display: none !important;
}

/* Masquage standard (regroupement pour alléger le code) */
.wd-post-cat.wd-style-with-bg,
body .woocommerce-review__dash,
body .woocommerce-review__published-date,
.wd-post-date.wd-style-with-bg,
.blog-design-masonry.has-post-thumbnail .post-date,
body.single-post .woodmart-post-date,
body .woodmart-post-date,
body .website-wrapper .main-page-wrapper .wd-post-date {
    display: none;
}

/* ==========================================================
   BOUTONS ET FORMULAIRES DEVIS/PANIER
========================================================== */

#ywraq_cart_quote.button, 
#ywraq_checkout_quote_button.button {
    background: #e6e6e6;
    color: #3c3c3c;
    border: 1px solid #6a6a6a;
    width: 100%;
    margin-top: 20px;
    border-radius: 5px;
}

/* Bouton panier et payer */
.wd-payment-methods.wd-btn-align-full-width #place_order {
    width: 100%;
    padding: 22px;
}

.wd-cart-totals.wd-btn-align-full-width .checkout-button {
    width: 100%;
    padding: 20px;
}

/* Bouton sélection (radio & checkbox) */
input[type="radio"], 
input[type="checkbox"] {
    box-sizing: border-box;
    margin-top: 0;
    padding: 0;
    vertical-align: middle;
    margin-inline-end: 5px;
    height: 20px;
    width: 20px;
}

/* ==========================================================
   CONFIGURATEUR & CHOIX
========================================================== */

/* Format curseur configurateur */
.tm-range-picker .noui-tooltip {
    background: #fff26f;
    color: #000;
    border: 2px solid #fff;
    padding: 0.4em;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 1em;
    font-weight: bold;
}

.tm-range-picker {
    --handle-size: 16px;
    --slider-height: 7px;
    --handle-radius: calc(var(--handle-size) / 2);
    --handle-background: #000;
    --slider-active-background: #585858;
    --slider-background: #cdcdcd;
    --marker-color: #aaa;
}

.tc-col.tm-epo-field-label.tm-show-picker-value {
    color: black;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 18px;
}

.tc-epo-element-label-text {
    padding-bottom: 20px;
}

/* Design liste choix */
select {
    padding: 0 15px;
    max-width: 100%;
    width: 100%;
    height: 60px;
    border: var(--wd-form-brd-width) solid rgb(30, 30, 30);
    border-radius: var(--wd-form-brd-radius);
    background-color: var(--wd-form-bg);
    box-shadow: none;
    color: rgb(17, 17, 17);
    vertical-align: middle;
    font-size: 16px;
    transition: border-color .5s ease;
    margin: 10px;
    font-weight: bold;
}

/* ==========================================================
   AMÉLIORATION DES OPTIONS DE LIVRAISON (PANIER & PAIEMENT)
   Couleur principale : #4C35E0
========================================================== */

.woocommerce-checkout #shipping_method.woocommerce-shipping-methods,
.woocommerce-cart #shipping_method.woocommerce-shipping-methods {
    list-style: none !important;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.woocommerce-checkout #shipping_method.woocommerce-shipping-methods li,
.woocommerce-cart #shipping_method.woocommerce-shipping-methods li {
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding: 15px 20px;
    margin: 0;
    background-color: #ffffff;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.woocommerce-checkout #shipping_method.woocommerce-shipping-methods li:has(input[type="radio"]:checked),
.woocommerce-cart #shipping_method.woocommerce-shipping-methods li:has(input[type="radio"]:checked) {
    border-color: #4C35E0; 
    background-color: #fcfbfe; 
    box-shadow: 0 4px 12px rgba(76, 53, 224, 0.1);
}

.woocommerce-checkout #shipping_method.woocommerce-shipping-methods li input[type="radio"],
.woocommerce-cart #shipping_method.woocommerce-shipping-methods li input[type="radio"] {
    margin-right: 15px;
    margin-top: 0;
    margin-bottom: 0;
    transform: scale(1.2);
    accent-color: #4C35E0; 
    flex-shrink: 0;
}

.woocommerce-checkout #shipping_method.woocommerce-shipping-methods li label,
.woocommerce-cart #shipping_method.woocommerce-shipping-methods li label {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    color: #333333;
}

.woocommerce-checkout #shipping_method.woocommerce-shipping-methods li label .woocommerce-Price-amount,
.woocommerce-cart #shipping_method.woocommerce-shipping-methods li label .woocommerce-Price-amount {
    font-weight: 700;
    color: #4C35E0; 
    background-color: #f4f3fc;
    padding: 4px 10px;
    border-radius: 6px;
    margin-left: 10px;
    white-space: nowrap;
}

.woocommerce-checkout .bw-parcel-point,
.woocommerce-cart .bw-parcel-point {
    width: 100%;
    display: block;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #dddddd;
    font-size: 0.9em;
    color: #777777;
    line-height: 1.5;
}

.woocommerce-checkout .bw-parcel-point .bw-parcel-name-0,
.woocommerce-cart .bw-parcel-point .bw-parcel-name-0 {
    font-weight: 700;
    color: #222222;
}

.woocommerce-checkout .bw-select-parcel,
.woocommerce-cart .bw-select-parcel {
    display: inline-block;
    margin-top: 12px;
    padding: 8px 16px;
    background-color: #f1f1f1;
    color: #333333;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85em;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.woocommerce-checkout .bw-select-parcel:hover,
.woocommerce-cart .bw-select-parcel:hover {
    background-color: #4C35E0; 
    color: #ffffff;
}

/* Espacement adresse de livraison */
.woocommerce-cart .woocommerce-shipping-destination,
.woocommerce-checkout .woocommerce-shipping-destination {
    margin-top: 20px;
    display: block;
}

/* ==========================================================
   AMÉLIORATION DES MOYENS DE PAIEMENT (WOOCOMMERCE)
========================================================== */

.woocommerce-checkout #payment ul.payment_methods {
    list-style: none !important;
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-bottom: none;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
    border: 2px solid #eeeeee;
    border-radius: 8px;
    padding: 15px 20px;
    margin: 0;
    background-color: #ffffff;
    transition: all 0.3s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) {
    border-color: #4C35E0;
    background-color: #fcfbfe;
    box-shadow: 0 4px 12px rgba(76, 53, 224, 0.1);
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
    margin-right: 15px;
    margin-top: 0;
    margin-bottom: 0;
    transform: scale(1.2);
    accent-color: #4C35E0;
    flex-shrink: 0;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    color: #333333;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label img {
    max-height: 24px;
    margin-left: 10px;
    background: transparent;
    padding: 0;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .payment_box {
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 0;
    border-top: 1px dashed #dddddd;
    font-size: 0.9em;
    color: #555555;
    background-color: transparent !important;
    box-shadow: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .payment_box::before {
    display: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .payment_box p:last-child {
    margin-bottom: 0;
}

/* ==========================================================
   RECHERCHE FIDOSEARCH & DESIGN MENU
========================================================== */

.wd-nav-img, 
.mega-menu-list img {
    display: inline-block;
    margin-right: 4px;
    max-height: 60px;
    width: auto !important;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 100%;
    padding: 10px 15px;
    margin: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    box-sizing: border-box;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder,
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::-webkit-input-placeholder,
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:-moz-placeholder,
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::-moz-placeholder,
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:-ms-input-placeholder {
    opacity: 0.8 !important;
    color: black !important;
}

/* ==========================================================
   BOUTONS QUANTITÉ PANIER
========================================================== */

div.quantity input[type="button"] {
    padding: 0 5px;
    min-width: 50px;
    min-height: 100%;
    border: var(--wd-form-brd-width) solid rgba(83, 83, 83, 0.83);
    background: var(--wd-form-bg);
    box-shadow: none;
    font-size: 26px;
    color: #3d3d3d;
}

div.quantity input[type="number"] {
    width: 50px;
    border-radius: 0;
    border-right: none;
    border-left: none;
    min-height: 100%;
    border-color: #696969;
    font-size: 26px;
    font-weight: bold;
}

/* ==========================================================
   CSS POUR PC ET PAGE COMMANDER
========================================================== */

:is(.woocommerce-checkout > .checkout-order-review, .woocommerce-order-pay #order_review)::before,
:is(.woocommerce-checkout > .checkout-order-review, .woocommerce-order-pay #order_review)::after {
    display: none;
}

:is(.woocommerce-checkout > .checkout-order-review, .woocommerce-order-pay #order_review) {
    background-color: #fbfbfb;
}

.wd-page-title .container {
    align-items: center !important;
}

.wd-content-layout.content-layout-wrapper.container.wd-builder-off {
    margin-top: -40px;
}

form.woocommerce-checkout {
    margin-top: -55px;
}

#payment {
    border-style: solid;
    border-width: 3px;
    border-color: #d5d5d5;
    padding: 35px 20px 40px 20px;
    border-radius: 10px;
    background-color: white;
}

/* Masquer les points de fidélité dans le footer fixe de la page produit */
.wd-sticky-btn-container .wlr-product-message {
    display: none !important;
}

/* ==========================================================
   AMÉLIORATION VISUELLE : ZONE DE SAISIE PAGE COMMANDER
========================================================== */

/* Applique un fond gris très clair à toute la zone de facturation/livraison */
.woocommerce-checkout .customer-details {
    background-color: #f7f7f7; /* Gris très clair et doux */
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    border: 1px solid #eeeeee; /* Légère bordure pour bien délimiter la zone */
}

/* Force le fond blanc sur les champs pour qu'ils ressortent sur le gris */
.woocommerce-checkout .customer-details input.input-text,
.woocommerce-checkout .customer-details select,
.woocommerce-checkout .customer-details textarea {
    background-color: #ffffff !important;
    border: 1px solid #dcdcdc; /* Bordure douce pour définir les contours du champ */
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.02); /* Très léger effet de profondeur */
}

/* Ajustement de l'espacement sur mobile pour que ça respire bien */
@media (max-width: 768px) {
    .woocommerce-checkout .customer-details {
        padding: 20px 15px;
    }
}

/* ==========================================================
   MISE À JOUR : BADGE "GRATUIT !" EN VERT (LIVRAISON OFFERTE)
========================================================== */

/* Cible le label de la livraison gratuite et applique le badge vert à droite */
.woocommerce-checkout #shipping_method.woocommerce-shipping-methods li input[value^="free_shipping"] + label::after,
.woocommerce-cart #shipping_method.woocommerce-shipping-methods li input[value^="free_shipping"] + label::after {
    content: "Gratuit !";
    font-weight: 700;
    /* Nuances de vert pour la gratuité */
    color: #107c10; /* Texte vert foncé pour la lisibilité */
    background-color: #ebfaf0; /* Fond vert très clair */
    padding: 4px 10px;
    border-radius: 6px;
    margin-left: 10px;
    white-space: nowrap;
}

/* ==========================================================
   MODERNISATION DES NOTIFICATIONS WOOCOMMERCE
========================================================== */

/* Conteneur général pour aérer la zone */
.woocommerce-NoticeGroup {
    margin-bottom: 30px;
}

/* Style de base commun pour les 3 types d'alertes */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    padding: 20px 25px !important;
    border-radius: 8px !important;
    border: none !important;
    border-left: 5px solid !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 25px !important;
    list-style: none !important; /* Retire les puces disgracieuses */
    display: flex;
    flex-direction: column;
    gap: 10px; /* Espace harmonieux entre chaque ligne d'erreur */
}

/* 1. Message d'ERREUR (Rouge doux) */
.woocommerce-error {
    border-left-color: #e2401c !important;
    background-color: #fff5f5 !important;
    color: #c92a2a !important;
}

/* Icône d'erreur Woodmart */
.woocommerce-error::before {
    color: #e2401c !important;
}

/* Style des liens cliquables dans les erreurs */
.woocommerce-error li a {
    color: #c92a2a !important;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(201, 42, 42, 0.3);
    transition: all 0.3s ease;
}

.woocommerce-error li a:hover {
    text-decoration-color: #c92a2a;
}

/* 2. Message d'INFORMATION (Bleu) */
.woocommerce-info {
    border-left-color: #007bff !important;
    background-color: #f0f8ff !important;
    color: #004085 !important;
}

.woocommerce-info::before {
    color: #007bff !important;
}

/* 3. Message de SUCCÈS (Vert) */
.woocommerce-message {
    border-left-color: #107c10 !important;
    background-color: #ebfaf0 !important;
    color: #0b5a0b !important;
}

.woocommerce-message::before {
    color: #107c10 !important;
}

/* Ajustement des boutons à l'intérieur des notifications (ex: bouton "Voir le panier") */
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
    background-color: transparent !important;
    border: 1px solid currentColor !important;
    color: inherit !important;
    border-radius: 5px !important;
    padding: 8px 15px !important;
    transition: all 0.3s ease;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover {
    background-color: currentColor !important;
    color: #ffffff !important;
}

/* On force le style sur la mention et on écrase la couleur du thème */
ul.woocommerce-shipping-methods li label .mention-gratuit {
    color: #155724 !important; 
    background-color: #d4edda !important;
    padding: 3px 8px !important;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    font-size: 0.9em;
}

/* On s'assure que le texte en gras à l'intérieur prenne bien le vert et pas le violet */
ul.woocommerce-shipping-methods li label .mention-gratuit strong {
    color: #155724 !important;
}
/* ==========================================================
   CORRECTION : LIENS EN NOIR DANS LE MEGA MENU
========================================================== */

/* Force la couleur noire pour tous les liens du menu déroulant */
.wd-dropdown-menu a {
    color: #000000 !important;
}

/* Garde une touche dynamique au survol (reprend ton violet) */
.wd-dropdown-menu a:hover {
    color: #4D37D8 !important; 
}
/* ==========================================================
   AMÉLIORATION VISUELLE : EFFET DÉTACHÉ DU MEGA MENU
========================================================== */

.wd-dropdown-menu {
    /* Crée une ombre douce, large et moderne vers le bas */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12) !important; 
    
    /* Arrondit légèrement les angles du menu */
    border-radius: 10px !important; 
    
    /* Ajoute une bordure très fine gris clair pour bien délimiter les bords */
    border: 1px solid #f0f0f0 !important; 
    
    /* Force un fond blanc 100% opaque pour cacher les éléments en dessous */
    background-color: #ffffff !important; 
    
    /* Coupe tout ce qui pourrait déborder des angles arrondis */
    overflow: hidden !important; 
}
/* Cache le panneau de détail par défaut */
.woocommerce-shipping-methods .shipping-method-details {
    display: none;
    transition: all 0.3s ease-in-out;
}

/* Affiche le panneau uniquement si le bouton radio parent est coché */
.woocommerce-shipping-methods input[type="radio"]:checked ~ .shipping-method-details {
    display: block;
}

/* Retire les marges inutiles créées par le plugin DPD */
.woocommerce-shipping-methods label p {
    margin-bottom: 0;
}@media (min-width: 1025px) {
	/* -------------------------------------------------------------
   AMÉLIORATION DE LA ZONE "PAYS DE RÉSIDENCE" (Self-certify)
------------------------------------------------------------- */

/* 1. Espacement et titre */
#woocommerce_eu_vat_compliance_self_certify {
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 20px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

#vat_self_certify_field > label {
    display: block;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 15px;
    font-size: 1.05em;
}

/* Masquer le "(facultatif)" répété */
#vat_self_certify_field label.radio .optional {
    display: none !important;
}

/* 2. Annuler les "floats" natifs du plugin qui cassaient tout */
#vat_self_certify_field label,
#vat_self_certify_field input {
    float: none !important;
    clear: none !important;
}

#vat_self_certify_field .woocommerce-input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* 3. Masquer visuellement le bouton radio natif (mais le laisser actif pour le clic) */
#vat_self_certify_field input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* 4. Créer la carte avec le texte */
#vat_self_certify_field label.radio {
    display: block !important;
    position: relative;
    padding: 14px 16px 14px 45px; /* On laisse 45px à gauche pour le faux bouton */
    border: 1px solid #cbd5e0;
    border-radius: 8px;
    background-color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    color: #4a5568;
    transition: all 0.2s ease;
    margin: 0 !important;
}

/* 5. Dessiner le nouveau bouton radio vide */
#vat_self_certify_field label.radio::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 2px solid #a0aec0;
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.2s ease;
}

#vat_self_certify_field label.radio:hover {
    background-color: #f7fafc;
    border-color: #a0aec0;
}

/* 6. Style quand la carte est COCHÉE (Le secret est ici) */
#vat_self_certify_field input[type="radio"]:checked + label.radio {
    border-color: #2271b1; /* Bleu WooCommerce */
    background-color: #f0f6fc;
    color: #1d2327;
}

/* Style du bouton interne quand la carte est COCHÉE */
#vat_self_certify_field input[type="radio"]:checked + label.radio::before {
    border-color: #2271b1;
    background-color: #2271b1;
    box-shadow: inset 0 0 0 4px #fff; /* Crée le point blanc au centre */
}

/* -------------------------------------------------------------
   AMÉLIORATION DE LA ZONE "EXPÉDIER À UNE AUTRE ADRESSE" & NOTES
------------------------------------------------------------- */

/* Séparateur au-dessus de la case à cocher d'expédition */
#ship-to-different-address {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 2px solid #edf2f7;
}

/* Style de la case à cocher d'expédition */
#ship-to-different-address label {
    display: flex;
    align-items: center;
    font-size: 1.1em;
    font-weight: 600;
    color: #2d3748;
    cursor: pointer;
}

#ship-to-different-address input[type="checkbox"] {
    margin-right: 12px;
    margin-top: 0;
    transform: scale(1.2);
}

/* Nettoyage du champ Notes de commande */
#order_comments_field {
    margin-top: 20px;
}

#order_comments_field label {
    font-weight: 600;
    color: #4a5568;
}

#order_comments {
    border: 1px solid #cbd5e0;
    border-radius: 6px;
    padding: 12px;
    font-size: 0.95em;
    background-color: #ffffff;
}

#order_comments:focus {
    border-color: #a0aec0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(160, 174, 192, 0.2);
}
/* -------------------------------------------------------------
   STYLISATION DES MESSAGES DE VALIDATION TVA
------------------------------------------------------------- */

/* Style de base pour le message (commun aux deux états) */
#woocommerce_eu_vat_compliance_vat_number_validity {
    display: block; /* Prend toute la largeur pour bien isoler le message */
    margin-top: 15px;
    padding: 14px 18px;
    border-radius: 6px;
    font-size: 0.95em;
    font-weight: 600;
    line-height: 1.5;
}

/* Cas : Numéro VALIDE (Mise en valeur en VERT) */
.vat-result-valid {
    background-color: #f0fff4 !important; /* Fond vert très clair */
    color: #1e4620 !important;           /* Texte vert foncé pour la lisibilité */
    border: 1px solid #c6f6d5 !important;
    border-left: 5px solid #38a169 !important; /* Barre d'accentuation verte */
}

/* Cas : Numéro INVALIDE (Mise en valeur en ORANGE) */
.vat-result-invalid {
    background-color: #fffaf0 !important; /* Fond orange très clair */
    color: #7b341e !important;           /* Texte orange foncé/brun */
    border: 1px solid #feebc8 !important;
    border-left: 5px solid #ed8936 !important; /* Barre d'accentuation orange */
}

/* Optionnel : Masquer le message s'il est vide pour éviter un espace blanc inutile */
#woocommerce_eu_vat_compliance_vat_number_validity:empty {
    display: none;
}
<style>
    /* --- Optimisation UI : En-tête du Checkout --- */
    .checkout-top-widgets {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-bottom: 30px;
    }

    /* 1. Message Points de Fidélité */
    .wlr-message-custom {
        padding: 12px 20px;
        border: 1px solid #3d2bb7;
        border-radius: 8px;
        color: #2f2f2f;
        background-color: #f8f7ff; /* Fond légèrement teinté pour contraster */
        font-size: 15px;
        font-weight: 500;
        display: flex;
        align-items: center;
        box-shadow: 0 2px 4px rgba(61, 43, 183, 0.05);
    }
    .wlr-message-custom i {
        color: #3d2bb7; /* Remplace la variable $cart_border_color non parsée */
        margin-right: 15px;
        font-size: 24px;
    }
    .wlr-message-custom p {
        margin: 0;
        line-height: 1.4;
    }

    /* 2. Toggle Code Promo */
    .woocommerce-form-coupon-toggle .woocommerce-info {
        background-color: #fcfcfc;
        border-top: 3px solid #003459;
        padding: 15px 20px;
        border-radius: 0 0 6px 6px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
        color: #003459;
        font-weight: 600;
        text-decoration: underline;
    }

    /* 3. Formulaire Code Promo */
    form.woocommerce-form-coupon {
        border: 1px solid #e5e5e5;
        padding: 20px;
        border-radius: 8px;
        background: #fff;
        margin-top: 5px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    }
    .coupon-form-flex {
        display: flex;
        gap: 15px;
        align-items: flex-end;
    }
    .coupon-form-flex .form-row {
        margin: 0;
        flex: 1;
    }
    .coupon-form-flex .form-row-last {
        flex: 0 0 auto;
    }

    /* 4. Accordéon Codes Promos Disponibles */
    :root {
        --sc-color1: #003459;
        --sc-color2: #ffffff;
        --sc-color3: #00a8e8;
    }
    #coupons_list {
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        margin-bottom: 20px;
    }
    .sc-accordion-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px;
        cursor: pointer;
        background-color: #fcfcfc;
        font-weight: 600;
        color: var(--sc-color1);
        transition: background 0.3s ease;
        border-radius: 8px;
    }
    .sc-accordion-header:hover {
        background-color: #f5f5f5;
    }
    .sc-accordion-header.open {
        border-bottom: 1px solid #e5e5e5;
        border-radius: 8px 8px 0 0;
    }
    .sc-accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-in-out;
    }
    .sc-accordion-content.open {
        max-height: 12rem;
        overflow-y: auto;
        background: #fff;
    }
    .sc-accordion-header .sc-arrow-icon {
        transition: transform 0.3s ease-in-out;
        color: var(--sc-color1);
    }
    .sc-accordion-header.open .sc-arrow-icon {
        transform: rotate(180deg);
    }
    .sc-no-coupon {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 25px 20px;
        color: #666;
        font-style: italic;
    }
/* --- 1. Bloc Points de Fidélité --- */
/* L'utilisation de !important permet d'écraser les styles écrits en dur (inline) dans votre HTML */
.wlr-message-info.wlr_points_rewards_earn_points {
    background-color: #f8f7ff !important;
    border: 1px solid #3d2bb7 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    box-shadow: 0 2px 4px rgba(61, 43, 183, 0.05);
    margin-bottom: 20px !important;
}

.wlr-message-info .wlr.wlrf-point {
    color: #3d2bb7 !important; /* Corrige la variable $cart_border_color qui fuyait */
    font-size: 24px !important;
    margin-right: 15px !important;
}

/* --- 2. Zone "Avez-vous un code promo ?" --- */
.woocommerce-form-coupon-toggle .woocommerce-info {
    background-color: #fcfcfc;
    border-top: 3px solid #003459;
    padding: 15px 20px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    color: #003459;
    font-weight: 600;
    text-decoration: underline;
}

/* --- 3. Formulaire de saisie du Code Promo --- */
form.woocommerce-form-coupon {
    border: 1px solid #e5e5e5;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    margin-bottom: 20px;
    overflow: hidden; /* Permet d'englober les éléments flottants sans casser le JS */
}

form.woocommerce-form-coupon p.form-row-first {
    float: left;
    width: 68%;
    margin: 0;
}

form.woocommerce-form-coupon p.form-row-last {
    float: right;
    width: 30%;
    margin: 0;
}

form.woocommerce-form-coupon button {
    width: 100%;
}

/* --- 4. Accordéon des codes promos disponibles --- */
#coupons_list {
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    margin-bottom: 30px !important;
    overflow: hidden;
}

.sc-accordion-header {
    background-color: #fcfcfc;
    padding: 15px 20px !important;
    font-weight: 600;
    color: #003459 !important;
    transition: background 0.3s ease;
}

.sc-accordion-header:hover {
    background-color: #f5f5f5;
}

.sc-accordion-header.open {
    border-bottom: 1px solid #e5e5e5 !important;
}

.sc-accordion-content .sc-no-coupon {
    color: #666;
    font-style: italic;
    padding: 25px 20px;
    background-color: #fff;
}
}