/* 🌈 Ligth-Dark File */

/* ==========================================================================
   EQ1 — DARK MODE  |  body.dark-mode
   Overrides: EQ1 tokens + Elementor Pro + Woodmart variables
   White mode pe ZERO effect.
   ========================================================================== */

body.dark-mode {

  /* ── EQ1 tokens ───────────────────────────────────────────────────────── */
  --eq-emerald:       #2FE6A0;
  --eq-emerald-deep:  #25C489;
  --eq-emerald-tint:  #16332A;
  --eq-cream:         #0E1512;
  --eq-ink:           #F2E8D2;
  --eq-white:         #18211B;
  --eq-grey-100:      #1E2620;
  --eq-grey-200:      #34362C;
  --eq-grey-300:      #4A4A3A;
  --eq-grey-500:      #C2B189;
  --eq-wheat-soft:    #F2E8D2;
  --eq-wheat-muted:   #C2B189;
  --eq-gold-wheat:    #E8C766;
  --eq-head-green:    #2FE6A0;
  --eq-bg:            #0E1512;
  --eq-surface:       #18211B;
  --eq-surface-alt:   #1E2620;
  --eq-text:          #F2E8D2;
  --eq-text-muted:    #C2B189;
  --eq-border:        #34362C;
  --eq-border-strong: #4A4A3A;
  --eq-accent:        #2FE6A0;
  --eq-accent-hover:  #25C489;
  --eq-on-accent:     #07120D;
  --eq-shadow-sm:     0 2px 10px rgba(0,0,0,0.38);
  --eq-shadow:        0 24px 50px -28px rgba(0,0,0,0.72);
  --eq-dur:           300ms;
  --eq-ease:          cubic-bezier(0.2,0.7,0.2,1);
  --eq-lift:          translateY(-4px);

  /* ── Elementor Pro global colors ──────────────────────────────────────── */
  --e-global-color-primary:  #2FE6A0;
  --e-global-color-secondary:#25C489;
  --e-global-color-text:     #F2E8D2;
  --e-global-color-accent:   #C2B189;
  --e-global-color-dcd8346:  #0E1512;
  --e-global-color-8ee4285:  #18211B;
  --e-global-color-9e29a7d:  #16332A;
  --e-global-color-45bb822:  #34362C;
  --e-global-color-d4b9325:  #4A4A3A;
  --e-global-color-9468331:  #1E2620;

  /* ── Woodmart theme variables ─────────────────────────────────────────── */
  --wd-text-color:                  #F2E8D2;
  --wd-title-color:                 #2FE6A0;
  --wd-entities-title-color:        #E8C766;
  --wd-entities-title-color-hover:  #2FE6A0;
  --wd-widget-title-color:          #F2E8D2;
  --wd-primary-color:               #2FE6A0;
  --wd-alternative-color:           #25C489;
  --wd-link-color:                  #F2E8D2;
  --wd-link-color-hover:            #2FE6A0;
  --btn-default-bgcolor:            #1E2620;
  --btn-default-bgcolor-hover:      #34362C;
  --btn-accented-bgcolor:           #2FE6A0;
  --btn-accented-bgcolor-hover:     #25C489;
  --notices-success-bg:             #2FE6A0;
  --notices-success-color:          #07120D;
}


/* ── *header-Lgo ──────────────────────────────────────────────────────────── */
body.dark-mode .wd-logo img {
    filter: none !important; 
    content: url("https://theeqone.com/wp-content/uploads/2026/08/EQ1-White-1.svg") !important;
}




/* ── Body + HTML ──────────────────────────────────────────────────────────── */

html:has(body.dark-mode) { background-color: #0E1512 !important; }

body.dark-mode {
  background-color: #0E1512 !important;
  color: #F2E8D2 !important;
}
body.dark-mode .wd-buttons .wd-action-btn > a {
    color: #000000 !important;
}

body.dark-mode .home-view-all,
body.dark-mode .home-view-all a {
    background-color: transparent !important;
    color: #00c878 !important;
    border-color: #F2E8D2 !important;
}
body.dark-mode .home-view-all .elementor-button:hover,
body.dark-mode .home-view-all .elementor-button:focus,
body.dark-mode .home-view-all .elementor-button:active {
    background-color: transparent !important;
}
body.dark-mode .wd-page-title {
    background-color: #0E1512 !important;
}
body.dark-mode .elementor-menu-cart__footer-buttons .elementor-button-text {
  
    color: black !important;
}
body.dark-mode header .wd-sub-menu {
    background-color: #0e1512 !important;
}
body.dark-mode  header .wd-sub-menu li>a{
	color:#f2e8d2 !important;
}
body.dark-mode .wd-side-hidden {
     background-color: #0e1512 !important;
}
body.dark-mode .whislist .wd-buttons .wd-action-btn > a,
body.dark-mode .whislist .wd-buttons .wd-action-btn > a i,
body.dark-mode .whislist .wd-buttons .wd-action-btn > a svg,
body.dark-mode .whislist .wd-wishlist-btn svg,
body.dark-mode .whislist .wd-wishlist-btn i {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}

body.dark-mode .whislist .wd-wishlist-btn svg,
body.dark-mode .whislist .wd-wishlist-btn i {
    color: #fff !important;
    fill: #fff !important;
}

/* Ensure ALL product text stays black in dark mode */
body.dark-mode .whislist .wd-entities-title a {
    color: #111 !important;
}
body.dark-mode .whislist .price,
body.dark-mode .whislist .price ins,
body.dark-mode .whislist .price del {
    color: #111 !important;
}
/* Optional: card stays light even in dark mode */
body.dark-mode .whislist .product-wrapper {
    background: #fff !important;
}
body.dark-mode .whislist .price del .woocommerce-Price-amount {
    color: #111 !important;
}
/* ── Elementor sections / containers ─────────────────────────────────────── */
/* body.dark-mode .elementor-section,
body.dark-mode .e-con,body.dark-mode .elementor-container,
body.dark-mode .elementor-widget-wrap,body.dark-mode .elementor-inner-section { background-color: #0e1512; }
body.dark-mode .custom-order select.orderby {
    color: #F2E8D2 !important;
} */


/* ============================================================
   🎯 MAIN PAGE LAYOUT FIX FOR CANVAS
   ============================================================ */

/* 1. Woodmart aur Elementor ke main page wrappers ko dark karein */
body.dark-mode,
body.dark-mode .website-wrapper,
body.dark-mode .main-page-wrapper,
body.dark-mode #content,
body.dark-mode .elementor {
    background-color: #0e1512 !important; /* Aapka dark base color */
}

/* 2. Inner sections aur widgets ko transparent rakhein taake background color nichay se show ho */
body.dark-mode .elementor-section,
body.dark-mode .elementor-container,
body.dark-mode .elementor-inner-section,
body.dark-mode .elementor-widget-wrap,
body.dark-mode .e-con {
/*     background-color: transparent !important; */
}

/* 3. Agar kisi Elementor Section par aapne khud manually background color lagaya hua hai background settings se, 
   to usko dark surface dene ke liye */
body.dark-mode .elementor-section.eq-dark-surface,
body.dark-mode .e-con.eq-dark-surface {
    background-color: #18211b !important; /* Thoda lighter dark color cards/surfaces ke liye */
}

body.dark-mode .wd-breadcrumbs,
body.dark-mode .wd-breadcrumbs a,
body.dark-mode .wd-breadcrumbs .wd-last,
body.dark-mode .wd-breadcrumbs .wd-delimiter {
    color: #F2E8D2 !important;
}
body.dark-mode span.wd-filter-lable.layer-term-lable {
    color: #fff !important;
}
body.dark-mode .widget_product_categories .wd-cats-toggle:hover,
body.dark-mode .widget_product_categories .wd-cats-toggle.toggle-active {
    background-color: #2fe6a0 !important;
    color: #111 !important;
}
body.dark-mode span.wd-filter-lable.layer-term-lable:hover {
    color: #00c878 !important;
}
/* Ensure all category links are white in dark mode */
body.dark-mode .widget_product_categories .product-categories li a {
    color: #fff !important;
}

/* Target ONLY the active sub-category, leaving parents white */
body.dark-mode .widget_product_categories .product-categories li.current-cat > a {
    color: var(--eq-brand-green) !important;
}
 body.dark-mode #ship-to-different-address label {
    color: #ffffff !important;
}
body.dark-mode .woocommerce-form-coupon-toggle > div{
    color: #fff !important;
}
body.dark-mode .wd-content-layout {
	background-color: #0e1512 !important;
}
body.dark-mode .select2-container--default .select2-selection--single {
    border: 1px solid #4A4A3A !important;
}
body.dark-mode .wd-checkout-steps .step-complete.step-inactive span,
body.dark-mode .wd-checkout-steps a:hover,
body.dark-mode .wd-checkout-steps a:hover span {
    color: #F2E8D2 !important;
}
body.dark-mode .elementor-section.elementor-section-boxed > .elementor-container { background-color: transparent; }

/* Sections with explicit light backgrounds */
body.dark-mode .elementor-section[style*="#FAF9F6"],
body.dark-mode .elementor-section[style*="#FFFFFF"],
body.dark-mode .elementor-section[style*="rgb(255, 255, 255)"],
body.dark-mode .elementor-section[style*="rgb(250, 249, 246)"],
body.dark-mode .e-con[style*="#FAF9F6"],
body.dark-mode .e-con[style*="#FFFFFF"],
body.dark-mode .e-con[style*="rgb(255, 255, 255)"],
body.dark-mode .e-con[style*="rgb(250, 249, 246)"] { background-color: #0E1512 !important; }

/* ── Woodmart header ──────────────────────────────────────────────────────── */
/* body.dark-mode [class*="whb-header"],
body.dark-mode .woodmart-header { background-color: #0E1512 !important;}
body.dark-mode .wd-main-logo img,
body.dark-mode .logo-footer img,
body.dark-mode img.logo-footer {
    filter: brightness(0) invert(1) !important;
} */
body.dark-mode .wd-swatch,
body.dark-mode .wd-swatch span,
body.dark-mode .wd-swatch a {
    color: #fff !important;
}
body.dark-mode .wd-accordion-title-text {
    color: #f2e8d2;
}
body.dark-mode .women-cat [class*="wd-swatches"].wd-text-style-4 .wd-swatch.wd-text {
    border-color: #f2e8d2 !important;
}
body.dark-mode .wd-prefooter {
    background-color: #0e1512 !important;
}
body.dark-mode .quick-shop-wrapper {
    background-color: #0e1512 !important;
}
body.dark-mode [class*="whb-sticky"],
body.dark-mode .whb-scroll-stick { background-color: #0E1512 !important; box-shadow: 0 2px 20px rgba(0,0,0,0.5) !important; }

body.dark-mode .woodmart-top-bar,
body.dark-mode [class*="top-bar"] { background-color: #18211B !important; border-bottom: 1px solid #34362C !important; }

/* ── Navigation ───────────────────────────────────────────────────────────── */
body.dark-mode .woodmart-nav > ul > li > a,
body.dark-mode [class*="woodmart-nav"] a,
body.dark-mode .wd-nav-menu a { color: var(--wd-text-color) !important; }

body.dark-mode .woodmart-nav > ul > li > a:hover,
body.dark-mode [class*="woodmart-nav"] a:hover { color: var(--wd-primary-color) !important; }
body.dark-mode .whb-color-dark:not(.whb-with-bg){
    background-color: #0e1512 !important;
}
body.dark-mode a.woodmart-nav-link::after {
    color: #f2e8d2 !important;
}
body.dark-mode .woodmart-nav .current-menu-item > a,
body.dark-mode .woodmart-nav .current-menu-ancestor > a { color: var(--wd-primary-color) !important; }

/* Colored + sale items */
body.dark-mode .woodmart-nav li.wd-nav-colored > a,
body.dark-mode .woodmart-nav li[class*="sale"] > a { color: var(--wd-primary-color) !important; }

body.dark-mode span.nav-link-text {
    color: inherit !important;
}
/* Dropdowns */
body.dark-mode .woodmart-nav .sub-menu,
body.dark-mode [class*="woodmart-nav"] .sub-menu,
body.dark-mode .woodmart-dropdown-menu {
  background-color: #18211B !important;
  border: 1px solid #34362C !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}
body.dark-mode .woodmart-nav .sub-menu a:hover { color: var(--wd-primary-color) !important; background-color: #1E2620 !important; }

/* ── Header icons ─────────────────────────────────────────────────────────── */
body.dark-mode .woodmart-cart-icon-side,
body.dark-mode .woodmart-wishlist-icon,
body.dark-mode .whb-search-button,
body.dark-mode [class*="header-icon"],
body.dark-mode .wd-header-search { color: #F2E8D2 !important; }

body.dark-mode .woodmart-cart-icon-side svg,
body.dark-mode .woodmart-wishlist-icon svg,
body.dark-mode .whb-search-button svg,
body.dark-mode .wd-header-search svg { stroke: #F2E8D2 !important; fill: none !important; }

body.dark-mode .woodmart-cart-count,
body.dark-mode .cart-count,
body.dark-mode .wishlist-count { background-color: #2FE6A0 !important; color: #07120D !important; }

/* Search */
body.dark-mode .woodmart-search-form input,
body.dark-mode .whb-search-form input,
body.dark-mode [class*="search-form"] input {
  background-color: #18211B !important;
  border-color: #4A4A3A !important;
  color: #F2E8D2 !important;
}
body.dark-mode span.wd-tools-icon {
    box-shadow: 0 6px 20px -6px rgb(47 230 160 / 16%) !important;
}
body.dark-mode span.wd-tools-count,
body.dark-mode span.wd-cart-number.wd-tools-count {
    background-color: #00c878 !important;
    color: #fff !important;
}
body.dark-mode [class*="search-form"] input::placeholder { color: #C2B189 !important; }

/* ── Footer ───────────────────────────────────────────────────────────────── */
body.dark-mode .site-footer,
body.dark-mode footer,
body.dark-mode [class*="woodmart-footer"],
body.dark-mode [class*="footer-container"] {
  background-color: #0E1512 !important;
  border-top: 1px solid #34362C !important;
  color: #F2E8D2 !important;
}
body.dark-mode footer a,
body.dark-mode [class*="footer"] a { color: #C2B189 !important; }
body.dark-mode footer a:hover,
body.dark-mode [class*="footer"] a:hover { color: #2FE6A0 !important; }

/* ── Headings ─────────────────────────────────────────────────────────────── */
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3,
body.dark-mode .elementor-widget-heading h1,
body.dark-mode .elementor-widget-heading h2,
body.dark-mode .elementor-widget-heading h3,
body.dark-mode .elementor-heading-title { color: #2FE6A0 !important; }

body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,
body.dark-mode .elementor-widget-heading h4,
body.dark-mode .elementor-widget-heading h5,
body.dark-mode .elementor-widget-heading h6 { color: #E8C766 !important; }

/* ── Body text ────────────────────────────────────────────────────────────── */
body.dark-mode p,
body.dark-mode li,
body.dark-mode td,
body.dark-mode label,
body.dark-mode .elementor-heading-title ,
body.dark-mode .elementor-widget-text-editor p { 
    color: var(--eq-ink) !important; 
}

body.dark-mode a { color: var(--wd-link-color) !important; }
body.dark-mode a:hover { color: #f2e8d2 !important; }

/* ── Buttons ──────────────────────────────────────────────────────────────── */
body.dark-mode .elementor-button,
body.dark-mode .woodmart-button,
body.dark-mode .btn-accented,
body.dark-mode .woocommerce a.button,
body.dark-mode .woocommerce button.button,
body.dark-mode button.button {
  background-color: var(--btn-accented-bgcolor) !important;
  color: #07120D !important;
  border-color: var(--btn-accented-bgcolor) !important;
	padding: 10px;
}
body.dark-mode .elementor-button:hover,
body.dark-mode .woodmart-button:hover,
body.dark-mode .btn-accented:hover {
  background-color: var(--btn-accented-bgcolor-hover) !important;
  border-color: var(--btn-accented-bgcolor-hover) !important;
}

body.dark-mode .btn-default,
body.dark-mode .button.alt { background-color: var(--btn-default-bgcolor) !important; color: #F2E8D2 !important; }
body.dark-mode .btn-default:hover { background-color: var(--btn-default-bgcolor-hover) !important; }

/* ── WooCommerce products ─────────────────────────────────────────────────── */
body.dark-mode .woocommerce ul.products li.product,
body.dark-mode .product_item,
body.dark-mode .woodmart-product-grid .product {
  background-color: #18211B !important;
  border-color: #34362C !important;
}

body.dark-mode .woocommerce-loop-product__title,
body.dark-mode .wd-entities-title { color: var(--wd-entities-title-color) !important; }
body.dark-mode .woocommerce-loop-product__title:hover,
body.dark-mode .wd-entities-title:hover { color: var(--wd-entities-title-color-hover) !important; }

body.dark-mode .woocommerce-Price-amount { color: #2FE6A0 !important; }
body.dark-mode .price del .woocommerce-Price-amount { color:#ffffff !important }

body.dark-mode .onsale,
body.dark-mode .woodmart-product-badge { background-color: #25c48a !important; color: #07120D !important; }

/* ── Cards / Surfaces ─────────────────────────────────────────────────────── */
body.dark-mode .woodmart-box,
body.dark-mode .eq-card,
body.dark-mode .wd-card { background-color: #18211B !important; border-color: #34362C !important; }

/* ── Inputs / Forms ───────────────────────────────────────────────────────── */
body.dark-mode input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.dark-mode textarea,
body.dark-mode select {
  background-color: #18211B !important;
  border-color: #4A4A3A !important;
  color: #F2E8D2 !important;
}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder { color: #C2B189 !important; }

/* ── Notices ──────────────────────────────────────────────────────────────── */
body.dark-mode .woocommerce-message,
body.dark-mode .wc-block-components-notice { background-color: var(--notices-success-bg) !important; color: var(--notices-success-color) !important; }

/* ── Cart / Mini cart ─────────────────────────────────────────────────────── */
body.dark-mode .woodmart-side-cart-wrapper,
body.dark-mode .woodmart-mini-cart,
body.dark-mode .widget_shopping_cart_content { background: #18211B !important; }

body.dark-mode .women-cat .wd-product .product-wrapper {
    background: transparent !important;
}



/* ── Smooth transitions ───────────────────────────────────────────────────── */
/* body { transition: background-color 300ms cubic-bezier(0.2,0.7,0.2,1), color 200ms; }
body *:not(img):not(video):not(svg):not(path):not(line):not(circle) {
  transition: background-color 300ms cubic-bezier(0.2,0.7,0.2,1),
              border-color 300ms cubic-bezier(0.2,0.7,0.2,1),
              color 200ms cubic-bezier(0.2,0.7,0.2,1);
} */






/* ============================================================
   🎯 PERFECT BALANCE: INSTANT SWITCH + SMOOTH HOVERS
   ============================================================ */

/* 1. Main Layout aur Containers instantly switch honge (Zero Jerk & No Flashing) */
/* body, 
body *,
body.dark-mode .elementor-section,
body.dark-mode .e-con {
  transition: none !important;
  transition-duration: 0s !important;
} */



/* 2. Sirf Hover elements ko smooth rakhne ke liye unki transition active ki */
/* a, 
button, 
.btn, 
.wd-social-icon, 
.wd-social-icons a,
.product-category, 
.wd-cat-item,
.wd-tools-element a,
.menu-item a,body *:not(img):not(video):not(svg):not(path):not(line):not(circle),
.wd-product {
    transition: color 0.5s ease, 
                background-color 0.5s ease, 
                border-color 0.5s ease, 
                transform 0.5s ease !important;
}
 */
/* ============================================================
   🎯 FIXED: SMART INSTANT SWITCH (GLOBAL HOVERS PRESERVED)
   ============================================================ */

/* Sirf us waqt sari transitions rukengi jab page switch ho raha hoga */
body.theme-switching,
body.theme-switching * {
  transition: none !important;
  transition-duration: 0s !important;
  animation: none !important;
}

/* =====================================================================================================================================
   🎯css start by Awais Ali
   =====================================================================================================================================
   */


/* for the header  search bar wishlist and the cart */

body.dark-mode .whb-main-header :is(.searchsubmit, .wd-header-wishlist .wd-tools-icon, .wd-header-cart .wd-tools-icon) {
    background-color: var(--eq-brand-green) !important;
    color: #F2E8D2 !important;
}

body.dark-mode .whb-main-header :is(.searchsubmit, .wd-header-wishlist .wd-tools-icon, .wd-header-cart .wd-tools-icon):hover {
    background-color: var(--eq-brand-green-dark) !important;
    color: #F2E8D2 !important;
}

/* for the shop page orderby menu */

body.dark-mode .custom-order select.orderby {
    background-color:#F2E8D2 !important;
}
/*shop side bar scroller   */
body.dark-mode .wd-scroll {
        --scrollbar-track-bg: rgb(255 255 255 / 10%);
        --scrollbar-thumb-bg: var(--wd-primary-color);
    }

/* single product page data  */

body.dark-mode  .single-product-data .wd-accordion-title-text {
    color: #F2E8D2 !important;
}
body.dark-mode  .single-product-data .wd-accordion.wd-style-default>.wd-accordion-item {
    border-bottom: 2px solid rgb(255 255 255 / 11%);

}
body.dark-mode .single-product-data .wd-accordion-title-text {
    color: #F2E8D2 !important;
}

/* page before icon like wishlisht */

body.dark-mode .wd-empty-page:before {
  color: #F2E8D2 !important;
}

/* checkout  */
body.dark-mode .select2-dropdown {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #333333 !important; 
}

body.dark-mode .select2-results__option {
    color: #ffffff !important;
}


/* contact form */
body.dark-mode .contact-form input.forminator-input,
body.dark-mode .contact-form textarea.forminator-textarea {
    border: 1px solid #4a4a3a !important;
}

body.dark-mode .faqs .wd-accordion-item {
    background-color: #666666 !important;
}


/* 1. Add smooth transition to the text */
body.dark-mode .footer .elementor-icon-list-item a .elementor-icon-list-text {
    transition: color 0.5s ease;
}

/* 2. Change color to white on hover */
 body.dark-mode .footer .elementor-icon-list-item a:hover .elementor-icon-list-text {
    color: #2FE6A0 !important
}

/* size chart */
body.dark-mode table.wd-sizeguide-table td {
    color: #111 !important;
}

@media (max-width: 1024px) {
body.dark-mode .wd-nav-mobile li.opener-page > a {
        background-color: #151a29 !important;
    }
body.dark-mode .wd-nav-opener:after {
        color: white !important;
    }
	body.dark-mode .whb-main-header :is(.searchsubmit, .wd-header-wishlist .wd-tools-icon, .wd-header-cart .wd-tools-icon) {
	padding:8px !important;
	border-radius:50px !important;
	}
}

@media (max-width: 767px){
body.dark-mode .whb-main-header :is(.searchsubmit, .wd-header-wishlist .wd-tools-icon, .wd-header-cart .wd-tools-icon) {
	padding:8px !important;
	border-radius:50px !important;
	}}


body.dark-mode  .registration-info{
    color: #F2E8D2 !important;
}


body.dark-mode .show-password-input:before {
    color: white;
}


/* change the logo color */

/* 1. Target the IMG tag (since you don't have an SVG) */
/* body.dark-mode .wd-logo img {
    filter: invert(1) hue-rotate(180deg) !important;
} */

/* 2. If you eventually switch to an SVG, use this: */
body.dark-mode .wd-logo svg path {
    fill: white !important;
}

body.dark-mode .wd-logo svg #logo-red-line {
    fill: rgb(209, 67, 67) !important;
}

/* Generic fix for footer logo in dark mode */
body.dark-mode footer.wd-footer .elementor-image-box-img img,
body.dark-mode footer.wd-footer .logo-footer img,
body.dark-mode footer.wd-footer [class*="logo"] img {
    filter: invert(1) hue-rotate(180deg) !important;
}

/* Generic fix for SVG logos in footer */
body.dark-mode footer.wd-footer .elementor-image-box-img svg,
body.dark-mode footer.wd-footer .logo-footer svg,
body.dark-mode footer.wd-footer [class*="logo"] svg {
    filter: invert(1) hue-rotate(180deg) !important;
}


/* colelction home page button */

body.dark-mode .new-eq-btn .elementor-button .elementor-button-icon,
body.dark-mode .new-eq-btn .elementor-button .elementor-button-icon svg,
body.dark-mode .new-eq-btn .elementor-button .elementor-button-icon svg path {
    fill: currentColor !important;
    color: currentColor !important;
}

body.dark-mode .new-eq-btn .elementor-button:hover {
    color: var(--eq-ink) !important;
}

body.dark-mode .eq-btn--primary .elementor-button:hover {
    box-shadow: 0 10px 30px -10px rgba(47, 230, 160, 0.35) !important;
}
body.dark-mode .faq-question {
    font-size: 16px;
    color: #F2E8D2 !important;
}

/* price color change in the shop and the product archive page  */


body.dark-mode .price_label {
    color: #ffffff !important;
}
/* single product page */
body.dark-mode .wd-wishlist-btn.wd-action-btn.wd-wishlist-icon > a::before {
    color: #f2e8d2 !important;
}

/* Also ensure it stays white on hover */
body.dark-mode .wd-wishlist-btn.wd-action-btn.wd-wishlist-icon > a:hover::before {
    color: #f2e8d2 !important;
}

body.dark-mode .wd-swatch.wd-text.wd-enabled:hover .wd-swatch-text {
    color: #000000 !important;
}

body.dark-mode .wd-sizeguide-title {
    color: #000000 !important; /* Change this to your preferred color */
}


/* If you ONLY want it to change in Dark Mode */
body.dark-mode .footer-img img {
      filter: invert(1) hue-rotate(180deg) !important;
}body.dark-mode .scrollable-tab-grid .e-n-tab-title[aria-selected="true"] {
    border-color: #c2b189;
}

/* my account page */

/* Ensure the my-account-data container has a dark background in dark mode */
body.dark-mode .my-account-data {
    background-color: #0E1512 !important; /* Matches your body background */
}

/* Fix for the parent Elementor section if it's forcing a white background */
body.dark-mode .elementor-element-2b974529 {
    background-color: transparent !important;
}

/* Ensure WooCommerce dashboard links/boxes have proper contrast */
body.dark-mode .my-account-data .wd-my-account-links .dashboard-link a,
body.dark-mode .my-account-data .wd-my-account-links > div {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;

}
/* Change color of the highlighted links in the dashboard greeting */
body.dark-mode .my-account-data .woocommerce-MyAccount-content p a {
    color: #2FE6A0 !important; /* Change this to your desired color */
    font-weight: 600; /* Optional: makes them stand out more */
}

body.dark-mode .my-account-data .woocommerce-MyAccount-content p a {
    color: #2FE6A0 !important; /* Example: yellow color for better visibility in dark mode */
}


/*to change the color of the my account page  */

/* Target the address text specifically in dark mode */
body.dark-mode .woocommerce-Address address {
    color: #f2e8d2 !important;
}