@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//maisonemir.com/wp-content/themes/woodmart/fonts/woodmart-font-1-300.woff2?v=8.3.2") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//maisonemir.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//maisonemir.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//maisonemir.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//maisonemir.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//maisonemir.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//maisonemir.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//maisonemir.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//maisonemir.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(28,20,16);
	--wd-text-font-size: 14px;
	--wd-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #1C1410;
	--wd-entities-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(28,20,16);
	--wd-entities-title-color-hover: rgb(61, 86, 88);
	--wd-alternative-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(74,64,58);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Gaultier Text", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(89,89,89);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(221,51,51);
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
: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 center;
}
.wd-footer {
	background-color: rgb(250,243,241);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(250,243,241);
	background-image: none;
	background-repeat: inherit;
	background-size: inherit;
	background-attachment: inherit;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(250,243,241);
	background-image: none;
	background-repeat: inherit;
	background-size: inherit;
	background-attachment: inherit;
}
.single-product .wd-page-content {
	background-color: rgb(250,243,241);
	background-image: none;
	background-repeat: inherit;
	background-size: inherit;
	background-attachment: inherit;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 40px;
	}

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

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


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

@font-face {
	font-family: "hkgroteskpro";
	src: url("//maisonemir.com/wp-content/uploads/2021/09/hkgroteskpro-regular.woff2") format("woff2"), 
url("//maisonemir.com/wp-content/uploads/2021/09/hkgroteskpro-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//maisonemir.com/wp-content/uploads/2021/09/hkgroteskpro-semibold.woff2") format("woff2"), 
url("//maisonemir.com/wp-content/uploads/2021/09/hkgroteskpro-semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//maisonemir.com/wp-content/uploads/2021/09/hkgroteskpro-medium.woff2") format("woff2"), 
url("//maisonemir.com/wp-content/uploads/2021/09/hkgroteskpro-medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Archer Gage";
	src: url("//maisonemir.com/wp-content/uploads/2026/02/Archer-Gage.woff2") format("woff2"), 
url("//maisonemir.com/wp-content/uploads/2026/02/Archer-Gage.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Gaultier Text";
	src: url("//maisonemir.com/wp-content/uploads/2026/02/gaultier-text-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Gaultier Display";
	src: url("//maisonemir.com/wp-content/uploads/2026/02/gaultier-display-800.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "Gaultier Mono";
	src: url("//maisonemir.com/wp-content/uploads/2026/02/gaultier-mono-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

/* ============================================================
MAISON EMIR — WoodMart Custom CSS  v2.1 (UPDATED)
Palette : Zellige Teal #3d5658 · Gold #B8962E · Cream #F5F0E8
Button  : shape_3.svg cartouche (WIDER)
Updates : - New wider cartouche button (65.162mm)
          - Added 5px padding to product titles
============================================================ */

/* ══════════════════════════════════════════════════════════
1. CSS VARIABLES & BASE BACKGROUND
══════════════════════════════════════════════════════════ */
:root {
--me-cream:      #F5F0E8;
--me-warm:       #EDE6D8;
--me-border:     #C2B89A;
--me-gold:       #B8962E;
--me-teal:       #2C5A55;
--me-teal-light: #4a6b6d;
--me-teal-dark:  #2a3d3e;
--me-dark:       #1C1410;
--me-muted:      #7a6a58;
}

html, body {
background-color: var(--me-cream) !important;
}

.wd-page-wrapper,
.wd-page-content,
.main-page-wrapper,
.content-layout-wrapper,
.site-content,
.elementor-page {
background: transparent !important;
}

.wd-page-wrapper,
.wd-page-content {
position: relative !important;
isolation: isolate !important;
}

/* ══════════════════════════════════════════════════════════
2. ZELLIGE BACKGROUND PATTERN (10% opacity, seamless repeat)
══════════════════════════════════════════════════════════ */
.wd-page-wrapper::before {
content: "" !important;
position: fixed !important;
inset: 0 !important;
z-index: -1 !important;
pointer-events: none !important;
opacity: 0.1 !important;
background-image: url('https://maisonemir.com/wp-content/uploads/2026/05/20553159_6322777.jpg') !important;
background-size: auto !important;
background-repeat: repeat !important;
background-position: top left !important;
}

/* Mobile optimization for seamless pattern */
@media (max-width: 768px) {
.wd-page-wrapper::before {
background-size: 100% auto !important;
background-repeat: repeat-y !important;
}
}

/* ══════════════════════════════════════════════════════════
3. HEADER (Glass effect removed)
══════════════════════════════════════════════════════════ */
/* Section removed as requested */

/* ══════════════════════════════════════════════════════════
4. GENERAL FIXES
══════════════════════════════════════════════════════════ */
#billing_country_field { 
display: none !important; 
}

/* Hide quick-view */
.product-grid-item .wd-quick-view-btn,
.product-grid-item .wd-quick-view-icon,
.wd-hover-quick .wd-product-thumb .wd-quick-shop,
.wd-hover-quick .wd-product-img-link::after,
.wd-hover-quick .wd-product-thumb::after,
.product-grid-item .wd-buttons .wd-quick-view-btn,
.product-grid-item .wd-buttons .wd-quick-view-icon,
.product-grid-item .quick-view,
div.quick-view.wd-action-btn.wd-style-icon.wd-quick-view-icon {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}

/* Hide "Voir le panier" link WooCommerce appends */
.product-grid-item .wd-add-btn.wd-add-btn-replace a.added_to_cart.wc-forward,
a.added_to_cart.wc-forward {
display: none !important;
}

/* Hide WoodMart checkmark icon */
.product-grid-item .wd-add-btn .wd-check-icon {
display: none !important;
width: 0 !important;
height: 0 !important;
}

/* Hide spinner WoodMart adds during loading */
.product-grid-item .wd-add-btn.wd-add-btn-replace a.loading::after,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.wd-loading::after {
display: none !important;
}

/* ══════════════════════════════════════════════════════════
5. PRODUCT CARD WRAPPER
══════════════════════════════════════════════════════════ */
.product-grid-item .wd-product-wrapper,
.product-grid-item .product-wrapper,
.product-grid-item .wd-product-wrapper.product-wrapper {
background: #EDE6D8 !important;
border-radius: 12px !important;
border: 0.5px solid var(--me-border) !important;
overflow: hidden !important;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
display: flex !important;
flex-direction: column !important;
box-shadow: none !important;
padding: 0 !important;
}

.product-grid-item:hover .wd-product-wrapper,
.product-grid-item:hover .product-wrapper {
transform: translateY(-4px) !important;
box-shadow: 0 10px 32px rgba(61,86,88,0.14) !important;
border-color: rgba(61,86,88,0.40) !important;
}

/* ══════════════════════════════════════════════════════════
6. PRODUCT IMAGE AREA
══════════════════════════════════════════════════════════ */
.product-grid-item .wd-product-thumb.product-element-top.wd-quick-shop,
.product-grid-item .wd-product-thumb.product-element-top,
.product-grid-item .wd-product-thumb,
.product-grid-item .product-element-top {
background: #F0EAD8 !important;
overflow: hidden !important;
position: relative !important;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}

.product-grid-item .wd-product-img-link,
.product-grid-item .wd-product-img-hover,
.product-grid-item .wd-product-grid-element,
.product-grid-item .wd-hover-content,
.product-grid-item .wd-bottom-content-holder,
.product-grid-item .wd-scroll-content {
background: transparent !important;
box-shadow: none !important;
border: none !important;
}

.product-grid-item .wd-product-thumb img {
mix-blend-mode: multiply !important;
transition: transform 0.35s ease !important;
display: block !important;
width: 100% !important;
background: transparent !important;
}

.product-grid-item:hover .wd-product-thumb .wd-product-img-link img {
transform: scale(1.04) !important;
}

/* ══════════════════════════════════════════════════════════
7. WISHLIST BUTTON
══════════════════════════════════════════════════════════ */
.product-grid-item .wd-buttons {
position: absolute !important;
top: 10px !important;
right: 10px !important;
display: flex !important;
flex-direction: column !important;
z-index: 20 !important;
background: none !important;
padding: 0 !important;
width: auto !important;
height: auto !important;
}

.product-grid-item .wd-action-btn,
.product-grid-item .wd-action-btn a,
.product-grid-item .wd-wishlist-btn,
.product-grid-item .wd-wishlist-btn a {
background: none !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
width: auto !important;
height: auto !important;
display: flex !important;
align-items: center !important;
}

.product-grid-item .wd-wishlist-btn .wd-action-icon {
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
background: rgba(245,240,232,0.88) !important;
border: 0.5px solid var(--me-border) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: border-color 0.2s, background 0.2s !important;
cursor: pointer !important;
}

.product-grid-item .wd-wishlist-btn:hover .wd-action-icon {
border-color: var(--me-teal) !important;
background: #fff !important;
}

.product-grid-item .wd-wishlist-btn .wd-action-icon::before {
color: rgba(61,86,88,0.5) !important;
font-size: 14px !important;
}

.product-grid-item .wd-wishlist-btn:hover .wd-action-icon::before,
.product-grid-item .wd-wishlist-btn.wd-active .wd-action-icon::before {
color: var(--me-teal) !important;
}

.product-grid-item .wd-action-text { 
display: none !important; 
}

/* ══════════════════════════════════════════════════════════
8. PRODUCT INFO AREA
══════════════════════════════════════════════════════════ */
.product-grid-item .product-element-bottom {
padding: 14px 16px 12px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
background: #EDE6D8 !important;
text-align: left !important;
box-shadow: none !important;
border: none !important;
border-radius: 0 !important;
}

@media (max-width: 768px) {
.product-grid-item .product-element-bottom {
padding: 10px 12px 10px !important;
}
}

/* Brand label */
.product-grid-item .shahd-brand-label {
font-size: 8px !important;
font-weight: 500 !important;
letter-spacing: 0.20em !important;
text-transform: uppercase !important;
color: rgba(61,86,88,0.65) !important;
margin: 0 0 3px !important;
display: block !important;
}

.product-grid-item .wd-product-brands-grid { 
display: none !important; 
}

/* Product title — UPDATED with 5px padding */
.product-grid-item .wd-entities-title {
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
margin: 0 0 3px !important;
text-align: left !important;
padding: 0 5px !important;  /* ← NEW: Added 5px horizontal padding */
}

.product-grid-item .wd-entities-title a {
color: #1C1C24 !important;
text-decoration: none !important;
transition: color 0.2s !important;
}

.product-grid-item:hover .wd-entities-title a {
color: var(--me-teal) !important;
}

/* Category */
.product-grid-item .wd-product-cats {
font-size: 10px !important;
font-weight: 300 !important;
color: rgba(61,86,88,0.5) !important;
margin: 0 0 8px !important;
line-height: 1.4 !important;
text-align: left !important;
}

.product-grid-item .wd-product-cats a {
color: rgba(61,86,88,0.5) !important;
text-decoration: none !important;
}

/* Hide perfume notes */
.product-grid-item .perfume-notes-container,
.product-grid-item .note-section,
.product-grid-item .note-items,
.product-grid-item .note-item,
.product-grid-item .lz-note-pills,
.product-grid-item .lz-note-pill,
.product-grid-item .lz-top-notes { 
display: none !important; 
}

/* ── PRICE — centered ────────────────────────────────────── */
.product-grid-item .price {
font-size: 17px !important;
font-weight: 600 !important;
color: var(--me-teal) !important;
margin: auto 0 0 !important;
padding: 10px 0 0 !important;
border-top: 0.5px solid var(--me-border) !important;
display: block !important;
text-align: center !important;
width: 100% !important;
background: none !important;
line-height: 1.2 !important;
}

.product-grid-item .price ins {
text-decoration: none !important;
color: var(--me-teal) !important;
}

.product-grid-item .price del {
color: rgba(61,86,88,0.4) !important;
font-size: 13px !important;
opacity: 0.8 !important;
}

@media (max-width: 768px) {
.product-grid-item .price { 
font-size: 15px !important; 
}
}

/* ══════════════════════════════════════════════════════════
9. BADGES
══════════════════════════════════════════════════════════ */
.product-grid-item .wd-labels-container {
position: absolute !important;
top: 10px !important;
left: 10px !important;
right: auto !important;
z-index: 10 !important;
}

.product-grid-item .wd-product-label,
.product-grid-item .wd-label-new,
.product-grid-item .wd-label-sale,
.woocommerce ul.products li.product .onsale {
background: var(--me-teal) !important;
color: var(--me-cream) !important;
border-radius: 3px !important;
font-size: 8px !important;
font-weight: 500 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
padding: 3px 8px !important;
border: none !important;
}

/* Star rating */
.product-grid-item .star-rating {
color: var(--me-border) !important;
font-size: 12px !important;
margin: 0 0 4px !important;
}

.product-grid-item .star-rating span::before { 
color: var(--me-teal) !important; 
}

/* ══════════════════════════════════════════════════════════
10. ADD TO CART — CARTOUCHE BUTTON (shape_3.svg - WIDER)
══════════════════════════════════════════════════════════ */

/*
STRATEGY:
- Wrapper: overflow visible, padding-bottom for spacing, background matches card
- Button <a>: transparent bg, shape via background-image (SVG data URL)
- Height 56px gives the wider shape room; text sits centred via flex
- width: calc(100% - 16px) leaves 8px each side so the pointed wings show
- Three states: default teal · loading gold · added dark-teal
*/

/* Wrapper */
.product-grid-item .wd-add-btn.wd-add-btn-replace {
position: relative !important;
overflow: visible !important;
z-index: 5 !important;
width: 100% !important;
padding: 0 0 16px 0 !important;
background: #EDE6D8 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
}

/* ── DEFAULT STATE — teal cartouche (WIDER) ─────────────── */
.product-grid-item .wd-add-btn.wd-add-btn-replace a,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.add-to-cart-loop,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.add_to_cart_button,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.button,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.ajax_add_to_cart,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.product_type_simple {
/* Layout */
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: calc(100% - 16px) !important;
min-width: 200px !important;
height: 56px !important;
padding: 0 32px !important;
position: relative !important;
overflow: visible !important;
z-index: 2 !important;
cursor: pointer !important;
text-decoration: none !important;
box-sizing: border-box !important;
margin: 0 !important;

/* Shape - WIDER SVG (65.162mm) */
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='65.162338mm' height='17.833714mm' viewBox='0 0 65.162339 17.833714'><path fill='%233d5658' d='m 0.84026,8.588073 c 1.50893,-0.488857 2.18424,-0.906123 3.32682,-2.055587 0.5879,-0.591456 1.36109,-1.246025 1.71819,-1.454598 0.7042,-0.411295 1.79934,-0.719521 2.55378,-0.71876 0.46027,4.65e-4 0.47493,-0.01205 0.47493,-0.405239 0,-0.878386 0.98553,-1.646118 2.2884,-1.782694 0.54033,-0.05664 0.61766,-0.09825 0.69573,-0.374321 0.12117,-0.428351 0.74304,-1.036777 1.33482,-1.305841 1.1131,-0.506082 0.32047,-0.485929 19.29167,-0.490493 16.14225,-0.0039 17.75496,0.0099 18.40733,0.1574 0.94924,0.214609 1.99621,0.907672 2.2572,1.494185 0.18411,0.413759 0.23511,0.445082 0.89352,0.548861 0.38405,0.06053 0.86362,0.181941 1.06569,0.269796 0.48513,0.210919 1.11202,1.060185 1.11202,1.506507 0,0.353556 0.003,0.355587 0.72279,0.412108 1.50735,0.118457 2.51054,0.651851 3.9036,2.075542 1.13807,1.163097 2.01277,1.699361 3.55398,2.178909 0.39689,0.12349 0.72161,0.246345 0.72161,0.273009 0,0.02666 -0.32472,0.149519 -0.72161,0.27301 -1.54121,0.479548 -2.41591,1.015812 -3.55398,2.178912 -1.39306,1.42369 -2.39625,1.95708 -3.9036,2.07554 -0.71924,0.0565 -0.72279,0.0585 -0.72279,0.41211 0,0.44632 -0.62689,1.29558 -1.11202,1.5065 -0.20207,0.0879 -0.68164,0.20927 -1.06569,0.2698 -0.65841,0.10378 -0.70941,0.1351 -0.89352,0.54886 -0.26099,0.58651 -1.30796,1.27958 -2.2572,1.49419 -0.65237,0.14749 -2.26508,0.16128 -18.40733,0.1574 -18.9712,-0.005 -18.17857,0.0156 -19.29167,-0.4905 -0.59178,-0.26906 -1.21373,-0.87749 -1.33482,-1.30584 -0.0781,-0.27607 -0.1554,-0.31768 -0.69573,-0.37432 -1.30287,-0.13657 -2.2884,-0.90431 -2.2884,-1.78269 0,-0.39319 -0.0151,-0.40571 -0.47493,-0.40524 -0.75444,7.6e-4 -1.84958,-0.30747 -2.55378,-0.71876 -0.3571,-0.20858 -1.13029,-0.86314 -1.71819,-1.4546 -1.14258,-1.149464 -1.81789,-1.56673 -3.32682,-2.055587 -0.46215,-0.149721 -0.84026,-0.297674 -0.84026,-0.328785 0,-0.03111 0.37811,-0.179063 0.84026,-0.328784 z'/></svg>") !important;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
background-position: center !important;

/* Typography */
font-size: 10.5px !important;
font-weight: 600 !important;
letter-spacing: 0.16em !important;
text-transform: uppercase !important;
color: var(--me-cream) !important;
line-height: 1.3 !important;
word-spacing: 0.15em !important;
text-align: center !important;
transition: filter 0.2s ease !important;
pointer-events: auto !important;
}

/* Hover */
.product-grid-item .wd-add-btn.wd-add-btn-replace a:hover {
filter: brightness(1.18) !important;
color: var(--me-cream) !important;
}

/* Icon & text */
.product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-icon,
.product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-text {
transition: transform 0.3s ease, opacity 0.3s ease !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--me-cream) !important;
pointer-events: none !important;
white-space: nowrap !important;
}

.product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-icon::before {
color: var(--me-cream) !important;
font-size: 16px !important;
line-height: 1 !important;
}

/* Screen-reader text */
.product-grid-item .wd-add-btn .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
pointer-events: none !important;
}

/* ── LOADING — gold cartouche (WIDER) ───────────────────── */
.product-grid-item .wd-add-btn.wd-add-btn-replace a.loading,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.wd-loading {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='65.162338mm' height='17.833714mm' viewBox='0 0 65.162339 17.833714'><path fill='%23B8962E' d='m 0.84026,8.588073 c 1.50893,-0.488857 2.18424,-0.906123 3.32682,-2.055587 0.5879,-0.591456 1.36109,-1.246025 1.71819,-1.454598 0.7042,-0.411295 1.79934,-0.719521 2.55378,-0.71876 0.46027,4.65e-4 0.47493,-0.01205 0.47493,-0.405239 0,-0.878386 0.98553,-1.646118 2.2884,-1.782694 0.54033,-0.05664 0.61766,-0.09825 0.69573,-0.374321 0.12117,-0.428351 0.74304,-1.036777 1.33482,-1.305841 1.1131,-0.506082 0.32047,-0.485929 19.29167,-0.490493 16.14225,-0.0039 17.75496,0.0099 18.40733,0.1574 0.94924,0.214609 1.99621,0.907672 2.2572,1.494185 0.18411,0.413759 0.23511,0.445082 0.89352,0.548861 0.38405,0.06053 0.86362,0.181941 1.06569,0.269796 0.48513,0.210919 1.11202,1.060185 1.11202,1.506507 0,0.353556 0.003,0.355587 0.72279,0.412108 1.50735,0.118457 2.51054,0.651851 3.9036,2.075542 1.13807,1.163097 2.01277,1.699361 3.55398,2.178909 0.39689,0.12349 0.72161,0.246345 0.72161,0.273009 0,0.02666 -0.32472,0.149519 -0.72161,0.27301 -1.54121,0.479548 -2.41591,1.015812 -3.55398,2.178912 -1.39306,1.42369 -2.39625,1.95708 -3.9036,2.07554 -0.71924,0.0565 -0.72279,0.0585 -0.72279,0.41211 0,0.44632 -0.62689,1.29558 -1.11202,1.5065 -0.20207,0.0879 -0.68164,0.20927 -1.06569,0.2698 -0.65841,0.10378 -0.70941,0.1351 -0.89352,0.54886 -0.26099,0.58651 -1.30796,1.27958 -2.2572,1.49419 -0.65237,0.14749 -2.26508,0.16128 -18.40733,0.1574 -18.9712,-0.005 -18.17857,0.0156 -19.29167,-0.4905 -0.59178,-0.26906 -1.21373,-0.87749 -1.33482,-1.30584 -0.0781,-0.27607 -0.1554,-0.31768 -0.69573,-0.37432 -1.30287,-0.13657 -2.2884,-0.90431 -2.2884,-1.78269 0,-0.39319 -0.0151,-0.40571 -0.47493,-0.40524 -0.75444,7.6e-4 -1.84958,-0.30747 -2.55378,-0.71876 -0.3571,-0.20858 -1.13029,-0.86314 -1.71819,-1.4546 -1.14258,-1.149464 -1.81789,-1.56673 -3.32682,-2.055587 -0.46215,-0.149721 -0.84026,-0.297674 -0.84026,-0.328785 0,-0.03111 0.37811,-0.179063 0.84026,-0.328784 z'/></svg>") !important;
color: #1C1410 !important;
filter: none !important;
animation: me-pulse 0.9s ease-in-out infinite alternate !important;
}

.product-grid-item .wd-add-btn.wd-add-btn-replace a.loading .wd-action-icon::before,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.wd-loading .wd-action-icon::before,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.loading .wd-action-text,
.product-grid-item .wd-add-btn.wd-add-btn-replace a.wd-loading .wd-action-text {
color: #1C1410 !important;
}

@keyframes me-pulse {
0%   { filter: brightness(1);    }
100% { filter: brightness(1.15); }
}

/* ── ADDED / SUCCESS — dark teal cartouche (WIDER) ─────── */
.product-grid-item .wd-add-btn.wd-add-btn-replace a.added {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='65.162338mm' height='17.833714mm' viewBox='0 0 65.162339 17.833714'><path fill='%232a3d3e' d='m 0.84026,8.588073 c 1.50893,-0.488857 2.18424,-0.906123 3.32682,-2.055587 0.5879,-0.591456 1.36109,-1.246025 1.71819,-1.454598 0.7042,-0.411295 1.79934,-0.719521 2.55378,-0.71876 0.46027,4.65e-4 0.47493,-0.01205 0.47493,-0.405239 0,-0.878386 0.98553,-1.646118 2.2884,-1.782694 0.54033,-0.05664 0.61766,-0.09825 0.69573,-0.374321 0.12117,-0.428351 0.74304,-1.036777 1.33482,-1.305841 1.1131,-0.506082 0.32047,-0.485929 19.29167,-0.490493 16.14225,-0.0039 17.75496,0.0099 18.40733,0.1574 0.94924,0.214609 1.99621,0.907672 2.2572,1.494185 0.18411,0.413759 0.23511,0.445082 0.89352,0.548861 0.38405,0.06053 0.86362,0.181941 1.06569,0.269796 0.48513,0.210919 1.11202,1.060185 1.11202,1.506507 0,0.353556 0.003,0.355587 0.72279,0.412108 1.50735,0.118457 2.51054,0.651851 3.9036,2.075542 1.13807,1.163097 2.01277,1.699361 3.55398,2.178909 0.39689,0.12349 0.72161,0.246345 0.72161,0.273009 0,0.02666 -0.32472,0.149519 -0.72161,0.27301 -1.54121,0.479548 -2.41591,1.015812 -3.55398,2.178912 -1.39306,1.42369 -2.39625,1.95708 -3.9036,2.07554 -0.71924,0.0565 -0.72279,0.0585 -0.72279,0.41211 0,0.44632 -0.62689,1.29558 -1.11202,1.5065 -0.20207,0.0879 -0.68164,0.20927 -1.06569,0.2698 -0.65841,0.10378 -0.70941,0.1351 -0.89352,0.54886 -0.26099,0.58651 -1.30796,1.27958 -2.2572,1.49419 -0.65237,0.14749 -2.26508,0.16128 -18.40733,0.1574 -18.9712,-0.005 -18.17857,0.0156 -19.29167,-0.4905 -0.59178,-0.26906 -1.21373,-0.87749 -1.33482,-1.30584 -0.0781,-0.27607 -0.1554,-0.31768 -0.69573,-0.37432 -1.30287,-0.13657 -2.2884,-0.90431 -2.2884,-1.78269 0,-0.39319 -0.0151,-0.40571 -0.47493,-0.40524 -0.75444,7.6e-4 -1.84958,-0.30747 -2.55378,-0.71876 -0.3571,-0.20858 -1.13029,-0.86314 -1.71819,-1.4546 -1.14258,-1.149464 -1.81789,-1.56673 -3.32682,-2.055587 -0.46215,-0.149721 -0.84026,-0.297674 -0.84026,-0.328785 0,-0.03111 0.37811,-0.179063 0.84026,-0.328784 z'/></svg>") !important;
color: var(--me-cream) !important;
filter: none !important;
animation: none !important;
}

/* ── MOBILE ─────────────────────────────────────────────── */
@media (max-width: 768px) {
.product-grid-item .wd-add-btn.wd-add-btn-replace a {
height: 50px !important;
width: calc(100% - 12px) !important;
padding: 0 16px !important;
font-size: 9px !important;
letter-spacing: 0.14em !important;
min-width: auto !important;
}

.product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-text {
display: none !important;
}

.product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-icon::before {
font-size: 18px !important;
}
}

@media (min-width: 769px) {
.product-grid-item .wd-add-btn.wd-add-btn-replace a {
height: 56px !important;
padding: 0 36px !important;
}

.product-grid-item .wd-add-btn.wd-add-btn-replace .wd-action-text {
display: inline-block !important;
}
}

/* ══════════════════════════════════════════════════════════
11. wd-hover-standard LAYOUT (Packs section)
These cards put price + ATC button INSIDE product-wrapper
differently — same rules still apply
══════════════════════════════════════════════════════════ */
.wd-hover-standard .product-wrapper {
display: flex !important;
flex-direction: column !important;
}

.wd-hover-standard .wd-add-btn.wd-add-btn-replace {
margin-top: auto !important;
}

/* Price centering also for standard hover cards */
.wd-hover-standard .price {
text-align: center !important;
font-size: 17px !important;
font-weight: 600 !important;
color: var(--me-teal) !important;
padding: 8px 0 0 !important;
border-top: 0.5px solid var(--me-border) !important;
display: block !important;
width: 100% !important;
}

/* ══════════════════════════════════════════════════════════
12. CAROUSEL VISIBILITY
══════════════════════════════════════════════════════════ */
.banners-carousel-wrapper .wd-carousel-wrap,
.banners-carousel-wrapper .wd-carousel-item {
visibility: visible !important;
opacity: 1 !important;
}

/* ══════════════════════════════════════════════════════════
13. WOOCOMMERCE MISC
══════════════════════════════════════════════════════════ */

/* Pagination */
.woocommerce-pagination .page-numbers li .page-numbers {
color: var(--me-teal) !important;
border-color: var(--me-border) !important;
}

.woocommerce-pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers:hover {
background: var(--me-teal) !important;
color: var(--me-cream) !important;
border-color: var(--me-teal) !important;
}

/* Mini-cart count bubble */
.wd-header-cart .wd-cart-number {
background: var(--me-gold) !important;
color: #1C1410 !important;
}

/* Product tabs nav underline */
.wd-nav-tabs .wd-nav-link.wd-active,
.wd-nav-tabs li.wd-active > .wd-nav-link {
border-bottom-color: var(--me-teal) !important;
color: var(--me-teal) !important;
}

/* "Charger plus" button */
.btn.wd-load-more {
border-color: var(--me-teal) !important;
color: var(--me-teal) !important;
}

.btn.wd-load-more:hover {
background: var(--me-teal) !important;
color: var(--me-cream) !important;
}