.whb-row.whb-general-header.whb-not-sticky-row.whb-without-bg.whb-border-fullwidth.whb-color-dark.whb-flex-flex-middle {
    position: relative;
    overflow: hidden;
    background: url('http://wordpress.theeqone.com/wp-content/uploads/2025/11/eq1-3.webp') no-repeat center top;
    background-size: 450px 150px;
    animation: floatFromTopDiagonal 20s infinite alternate ease-in-out;
}
@keyframes floatFromTopDiagonal {
  0% {
        background-position: -600px -200px; /* start top-left */
        background-size: 500px 180px;
    }
 
    30% {
        background-position: 10% 47%;       /* center-ish */
        background-size: 1500px 500px;
    }
    50% {
        background-position: 030% 50%;  /* move to right */
        background-size: 600px 200px;
    }
    65% {
        background-position: 60% 47%;       /* center-ish */
         background-size: 1500px 500px;
    }
    85% {
         background-position: 80% 90%;       /* end top-right */
        background-size: 500px 180px;
    }
    /* 100% {
        background-position: 100% 0%;     
        background-size: 500px 180px;
    } */
    100% {
        background-position:100% 50%;  /* end top-right */
       background-size: 600px 200px;
      /* final size */
    }
}
/* ============================================= */
/* ✍️ TYPOGRAPHY */
/* ============================================= */
/* Apply Roboto to all text except icons */
body, 
body *:not([class*="icon"]):not(i):not(svg) {
    font-family: 'Roboto', sans-serif;
}


body.dark a:hover {
    color: #fffbf7;
}
/* body.light a:hover {
    color: #cd3430;
} */
body.light .wd-page-content
{
background-color:#fffbf7 !important;

}

body.light .wd-page-content {
    background-color: #fffbf7 !important;
}

body.light h1,
body.light h3,
body.light h4,
body.light h5,
body.light h6 {
  color: #cd3430 !important;
}

body.dark h1,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
  color: rgb(200, 255, 0)
 !important;
}
body.light table,
body.light th,
body.light td,
body.light tbody {
  border-color: #ff0000 !important;
}

 body.light td{
  color: rgb(43, 43, 43) !important;
}

 body.light th {
  color: #ff0000 !important;
}


body.light h2 {
  color: rgb(43, 43, 43) !important;
}

body.light p {
  color: rgb(43, 43, 43) !important;
}

body.light .light-p p {
  color: rgb(255, 255, 255) !important;
}

body.light .light-h2 h2 {
  color: rgb(255, 255, 255) !important;
}
/* ============================================= */
/* 🌐 BASE LAYOUT */
/* ============================================= */
body.light .container-fluid,
body.light .footer-container .container,
body.light .elementor-section.elementor-section-boxed > .elementor-container,
body.light .wd-section-stretch > .elementor-container,
body.light .wd-container-stretch,
body.light .wd-negative-gap {
  background-color: #fffbf7 !important;
}
/* ============================================= */
/* 🌐 home page */
/* ============================================= */

body.light .beige-colour-container{
  background-color: #ede7dd !important;
}



/* ============================================= */
/* 🦶 FOOTER (Keep Same as Dark Mode) */
/* ============================================= */
/* Remove any light-mode overrides for footer */

body.light .wd-negative-gap.footer-news {
  background-color: #101012 !important;
}
body.light .wd-negative-gap.footer {
  background-color: #000000 !important;
 
}
body.light .wd-negative-gap.footer h2.elementor-heading-title.elementor-size-default {
 
  color: #9CA3AF !important; 
}

body.light .wd-negative-gap.footer-news h2.elementor-heading-title.elementor-size-default {
 color: #9CA3AF !important;

}

body.light .wd-negative-gap.footer span.elementor-icon-list-text {
 color:#9CA3AF !important;

}


body.light .footer-bottom h2,
body.light .footer-bottom p {
  color: #9CA3AF !important;
}
/* ============================================= */
/* 🧭 HEADER */
/* ============================================= */
/* body.light .whb-header-bottom {
  background-color: rgb(155, 155, 155);
} */

/* Header cart icon */
/* body.light span.wd-tools-icon {
  background-color: blue !important;
} */

/* Cart number background */
/* body.light span.wd-cart-number.wd-tools-count {
  background-color: blue !important;
} */

/* Header search input */
/* body.light input.s {
  border: 1px solid #6f00ff !important;
  border-radius: 50px !important;
} */

/* 

body.light a.woodmart-nav-link {
  color: #000000 !important;
} */
body.light button.searchsubmit:hover {
  background-color: #cd3430 !important;
}
/* ============================================= */
/* 🧩 ICONS */
/* ============================================= */
body.light span.elementor-icon {
  fill: rgb(198, 159, 119)
 !important;
  color: rgb(198, 159, 119)
 !important;
  border-color: rgb(198, 159, 119)
 !important;
  background-color: #ede7dd !important;
}

/* Icon list (header & footer) */
body.light span.elementor-icon-list-text {
  color: #ffffff !important;
}



/* ============================================= */
/* 🛍️ PRODUCT CAROUSEL */
/* ============================================= */
/* body.dark .wd-product.wd-hover-tiled .product-wrapper {
  background-color: #000000 !important;
} */

body.light .wd-carousel-container {
  background-color: #fffbf7;
}
body.light .product-element-bottom {
  background-color: #efe9df !important;
}
/* body.light .wd-product.wd-hover-tiled .product-wrapper {
  background-color: #efe9df !important;
} */

body.light .wd-arrow-inner:after {
    color: rgb(214, 40, 40)
;
}

body.light .home-view-all a.elementor-button.elementor-button-link.elementor-size-sm {
   
    color: #cd3430 !important;
    background-color: transparent !important;
}

/* ============================================= */
/* 🔘 BUTTONS */
/* ============================================= */

button.single_add_to_cart_button{

 background: linear-gradient(
    to right,
    #fbf800,#4e674b
  );
  padding:15px;
  font-size:18px;
  width:50%
}


button#wd-add-to-cart {

   background: linear-gradient(
    to right,
    #fbf800,#4e674b
  );
  padding:15px;
  font-size:18px;
  width:50%
}


/* Hover zoom effect */
button.single_add_to_cart_button:hover,
button#wd-add-to-cart:hover {
  transform: scale(1.07);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}



button.button br {
  display: none;
}
.woocommerce-cart button.button br {
  display: none;
}

p br {
  display: none;
}
body.light a.elementor-button.elementor-button-link.elementor-size-sm {
  background-color: #cd3430;
  color: #ffffff;
  padding: 15px !important;
  border-radius: 5px !important;
}
body.light a.elementor-button.elementor-button-link.elementor-size-sm:hover {
    background-color: #C69F77;
    color: #FFFFFF;
     border-radius: 5px !important;
}
body.light .elementor-button {
  color: #ffffff !important; 
  border-color: #2c3338 !important;
}

body.light .elementor-button-icon i {
  color: #ffffff !important; /* icon color */
  transition: color 0.3s ease;
}

/* forminator */
body.light .newsletter-section button.forminator-button-submit {
     background-color: #cd3430 !important;
  color: #ffffff !important;
  }

body.light .newsletter-section button.forminator-button-submit:hover {
 background-color: #C69F77 !important;
    color: #FFFFFF !important;
  }
body.light  button.button {
      background-color: #cd3430 !important;
  color: #ffffff !important;
  
}
body.light a.checkout-button.button.alt.wc-forward {
    background-color: #cd3430 !important;
    color: #ffffff !important;
}

/* ============================================= */
/* 🧩 PRODUCT-BOTTOM */
/* ============================================= */
body.light .wd-negative-gap.product-bottom {
  background-color: #e7e7e7 !important;
}

/* ============================================= */
/* 🏬 SHOP PAGE */
/* ============================================= */


body.light .widget_product_categories .product-categories li a {
  color: #000000 !important;
}
/* Current category link */
body.light .product-categories li.current-cat > a,
body.light .product-categories li.current-cat-parent > a {
    color: #cd3430
 !important; /* Change to your desired color */
    font-weight: bold;          /* Optional: make it stand out */
    
}

body.dark .widget_product_categories .product-categories li a {
  color: #ffffff !important;
}
/* Current category link */
body.dark .product-categories li.current-cat > a,
body.dark .product-categories li.current-cat-parent > a {
    color: #cafe31
 !important; /* Change to your desired color */
    font-weight: bold;          /* Optional: make it stand out */
    
}








body.light .elementor-598 .elementor-element.elementor-element-c57a71c select.orderby {
    color: #cd3430 !important;
    border: 1px solid #cd3430 !important;
    width: 20rem;
}
body.light a.btn.wd-load-more.wd-products-load-more.load-on-click {
     background-color: #cd3430 !important;
  color: #ffffff !important;
}

body.light .elementor-598 .elementor-element.elementor-element-44af5aa span.from {
    color: #cd3430 !important;
}
body.light .elementor-598 .elementor-element.elementor-element-44af5aa span.to {
    color: #cd3430 !important;
}
/* ============================================= */
/* ABOUT NUMBERS */
/* ============================================= */
body.light .elementor-counter-number-wrapper {
  color: #cd3430 !important;
}
body.light .elementor-counter-title {
    color: #000000 !important;
}


/* TEAM DESIGNATION */
body.light span.exad-team-member-designation {
  color: #cd3430 !important;
}

/* CATEGORY BOTTOM */
body.light .wd-cat-content {

  background-color: #ede8df !important;
}

/* MEGA MENU */
body.light .elementor-element.e-con-full.e-con.e-grid.e-child {
  background-color: #9b9b9b;
}

/* 🌈 GENERIC ELEMENTOR SECTION BACKGROUND OVERLAY */
body.light .elementor .e-con.e-con-full.e-grid.e-child::before,
body.light .elementor .e-con.e-con-full.e-grid.e-child > .elementor-background-video-container::before,
body.light .elementor .e-con.e-con-full.e-grid.e-child > .e-con-inner > .elementor-background-video-container::before,
body.light .elementor .e-con.e-con-full.e-grid.e-child > .elementor-background-slideshow::before,
body.light .elementor .e-con.e-con-full.e-grid.e-child > .e-con-inner > .elementor-background-slideshow::before,
body.light .elementor .e-con.e-con-full.e-grid.e-child > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
  background-color: transparent !important;
  background-image: linear-gradient(322deg, #000000 0%, #527D31 100%) !important;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}


/* cart side bar */

body.light .cart-widget-side .widget_shopping_cart {
    position: relative;
    flex: 1 1 100%;
    background-color: #ede8df !important;
    color: rgb(0, 0, 0) !important;
}

body.light span.item-variation-name {
      color: #000000 !important;
}

body.light .amount {
    color: #cd3430  !important;
    
}
/* for the cart page */

body.dark table,
body.dark th,
body.dark td,
body.dark tbody {
  border-color: #85b53e !important;
}
 body.dark th {
  color: #85b53e !important;
}

 body.dark td.product-name a {
  color: #85b53e !important;
}

body.dark .cart-totals-inner>h2 {
  color: #85b53e !important;
}


 body.dark td {
  color: #ffffff !important;
}

 body.dark .cart-content-wrapper>.cart_totals .cart-totals-inner {
 
    border: 3px solid rgb(200 255 31 / 71%);

}
 body.dark .wd-coupon-form .input-text {
    border: 1px solid #85b53e;
}
body.dark  label {
   
    color: white !important;

}

/* for the checkout page */

/* Dark mode: all cart & checkout text white */
body.light .woocommerce-cart,
body.light .woocommerce-cart *,
body.light .woocommerce-checkout input,
body.light .woocommerce-checkout select,
body.light .woocommerce-checkout textarea,
body.light .select2-container--default .select2-selection--single,
body.light .select2-container--default .select2-selection--single .select2-selection__rendered {
  border:1px solid #cd3430 !important;
}

/* Optional: table borders white on cart page */
body.light .woocommerce-cart table th,
body.light .woocommerce-cart table td {
      border:1px solid #cd3430 !important;
}

/* Optional: Select2 arrow color (dropdown arrow) */
body.light .select2-container--default .select2-selection__arrow b {
    border:1px solid #cd3430 !important;
}

body.light .woocommerce-billing-fields h3 {
    color: #cd3430 !important;
}
body.light .wd-checkout-steps li {
    color: #cd3430 !important;
}
body.light li.step-checkout.step-active
{
  color: #cd3430 !important;
}
body.light .woocommerce-info {
    color: #000000 !important; /* White text */
    background-color: transparent !important; /* Optional */
}
body.light  a.showcoupon {
    color: #000000 !important; /* White text */
   
}

body.light .wd-checkout-steps .step-active>:is(a,span) {
      
        text-decoration: underline 2px solid #cd3430 !important;
      
    }
body.light  .checkout-order-review {
    background-color: #ece8df !important;
}


body.light  .wd-table-wrapper.wd-manage-on{
    background-color: #ece8df;
}

body.light  .payment_methods .payment_box {

   background-color: #ece8df;
}


body.light .woocommerce .woocommerce-billing-fields > h3 {
  color: #cd3430 !important;

}


body.light #order_review_heading {  color: #cd3430 !important;}





body.light a.shipping-calculator-button {
    color: #cd3430 !important;
}

body.light li.step-cart.step-active > a {
    text-decoration: underline 2px solid #cd3430 !important;
    color: #cd3430 !important;
}
body.dark li.step-cart.step-active > a {
    text-decoration: underline 2px solid #86b63e !important;
    color: #86b63e !important;
}


body.light .wd-checkout-steps
{

    color: #cd3430 !important;
}


/* shop */
body.light .wd-breadcrumbs>:is(span,a):last-child {
    font-weight: 600;
    color: #cd3430;
}
body.light nav.wd-breadcrumbs.woocommerce-breadcrumb {
    --wd-link-color: #fff7f7 !important;
    --wd-bcrumb-color-active: #3b3b3b !important;
    --wd-bcrumb-delim-color: red !important;
}
/* body.light .elementor a {
    box-shadow: none;
    text-decoration: none;
    color: black !important;
} */
body.light del,
body.light del .amount {
  color: #ff0000 !important;
  text-decoration-color: #ff0000 !important;
}


/* about us page */

body.light .e-grid.e-con-full.about-grid.e-con.e-child
{
background-color: transparent !important;
}  



/* custom-product bottom */
body.light .wd-negative-gap.product-bottom {
  background-color: #ede8df !important;
}

/* devide */

body.light .elementor-divider {
    --divider-color: #ff0101;
}


/* dark background */
body.light .dark-colour-container{
  background-color: #111111 !important ;
}
/*contact us page  */
/* 🎨 Icon color inside your contact section */
body.light .contact-icon-box .elementor-icon i,
body.light .contact-icon-box .elementor-icon svg {
  color: #ff0000 !important;  /* for icon fonts */
  fill: #ff0000 !important;   /* for SVG icons */
}

/* 🖤 Text color inside contact boxes (numbers, email, address) */
body.light .contact-icon-box .elementor-icon-box-title,
body.light .contact-icon-box .elementor-icon-box-title span,
body.light .contact-icon-box .elementor-icon-box-content span {
  color: #000000 !important;
}


body.light #forminator-module-1722 .forminator-input,
body.light #forminator-module-1722 .forminator-textarea,
body.light #forminator-module-1722 .forminator-select {
  border: 1px solid #ff0000 !important; /* change color as you like */
  border-radius: 5px; /* optional, for rounded corners */
  box-shadow: none !important; /* removes any default blue glow */
}

body.light button.forminator-button.forminator-button-submit {
    background-color: #ff0000 !important;
    color: white !important;
}
body.light button.forminator-button.forminator-button-submit:hover {
   background-color: #C69F77 !important;
    color: #FFFFFF !important;
}

/* page title */
body.light .wd-page-title {
    background-color: #ede8df !important;

}
body.light .wd-page-title .title {
    color: #141928 !important !important;
}
body.light nav.wd-breadcrumbs {
    color: black;
    --wd-link-color: rgb(0 0 0 / 70%);
    --wd-link-color-hover: rgb(0 0 0 / 90%);
    --wd-bcrumb-color-active: #000000;
}

/* inner pages link color */

body.light .inner-pages-text a
{
    color: #ff0000 !important;
    
}

/* for faqs  */

body.light .wd-accordion-item {

      background-color: #ece8df !important;
}

body.light .wd-accordion-title-text {
    color: #ff0000 !important;
}
body.light .wd-accordion .wd-accordion-opener::before {
    content: "\f129";
    font-family: "woodmart-font";
    color: #ff0000 !important;
}

body.light .woocommerce-terms-and-conditions-wrapper a {
    
    color:#ff0000 !important;
}



/* not found */
body.dark h1.wp-block-heading.has-text-align-center.has-cardo-font-family {
    color: #86b63e;
}
body.light h1.wp-block-heading.has-text-align-center.has-cardo-font-family {
    color: #86b63e;
}


/* single product page */

body.light .wd-breadcrumbs,
body.light .wd-breadcrumbs a,
body.light .wd-breadcrumbs .wd-delimiter,
body.light .wd-breadcrumbs .wd-last {
  color: #2c3338 !important; /* main breadcrumb text color */

}

body.light table.variations .label>* {

    color: black !important;
}
body.light .wd-swatch.wd-text.wd-enabled {
    color: #000000;
    border: 1px solid !important;
}

/* body.light div.quantity {

    border: 1px solid black;
} */

/* 🌞 Light Mode Quantity Styling */
/* body.light .quantity {
  display: inline-flex;
  align-items: center;
  border: 1px solid #c43d36; 
  border-radius: 5px;
  overflow: hidden;
}

body.light .quantity .qty {
 
  color: #ffffff; 
  background: #c43d36;

}

body.light .quantity .btn {
  background: #c43d36;
  border: none;
  color: #ffffff; 
  font-size: 20px;
  cursor: pointer;
  padding: 5px 10px;
  transition: all 0.3s ease;
}

body.light .quantity .btn:hover {
  background: #c43d36; 
  color: rgb(255, 255, 255); 
} */

/* For light mode */
body.light .wd-wishlist-btn span {
  color: #c43d36 !important; /* change this to your light mode color */
}

/* If your icon is added with ::before or ::after pseudo-element */
body.light .wd-wishlist-btn a::before,
body.light .wd-wishlist-btn a::after {
  color: #c43d36 !important; /* same color for icon */
}

body.light .wd-compare-btn span {
  color: #c43d36 !important; /* change this to your light mode color */
}

/* If the compare icon is added using ::before or ::after */
body.light .wd-compare-btn a::before,
body.light .wd-compare-btn a::after {
  color: #c43d36 !important;
}

/* body.light .elementor a {
    box-shadow: none;
    text-decoration: none;
    color: #c43d36 !important;
} */
/* Light mode styling for product meta */
body.light .product_meta,
body.light .product_meta .meta-label,
body.light .product_meta span,
body.light .product_meta a {
  color: #c43d36 !important; /* your preferred light text color */
}

/* Optional: underline or highlight links differently */
body.light .product_meta a:hover {
  color: #c43d36 !important; /* hover color in light mode */
  text-decoration: underline;
}
body.light span.wd-label {
    color: #c43d36 !important;
}

/* Light mode: tab text + icon colors */
/* Light mode: tab text + icon colors + font styling */
body.light .wd-nav-tabs-wrapper .wd-nav-link,
body.light .wd-nav-tabs-wrapper .wd-tabs-title,
body.light .wd-nav-tabs-wrapper .wd-nav-link::before,
body.light .wd-nav-tabs-wrapper .wd-nav-link::after {
  color: #c43d36 !important; /* preferred light mode color */
  font-size: 16pt !important;
  font-weight: 600 !important; /* 600 = semi-bold */
  letter-spacing: 0.3px; /* optional for cleaner look */
  text-transform: capitalize; /* optional, keeps uniform style */
}
body.dark .wd-nav-tabs-wrapper .wd-nav-link,
body.dark .wd-nav-tabs-wrapper .wd-tabs-title,
body.dark .wd-nav-tabs-wrapper .wd-nav-link::before,
body.dark .wd-nav-tabs-wrapper .wd-nav-link::after {
  color: #90b547 !important; /* preferred light mode color */
  font-size: 16pt !important;
  font-weight: 600 !important; /* 600 = semi-bold */
  letter-spacing: 0.3px; /* optional for cleaner look */
  text-transform: capitalize; /* optional, keeps uniform style */
}



/* Light mode: base style */
body.light .wd-tabs-title::after {
  background-color: #c43d36 !important; /* default line/after color */
  transition: background-color 0.3s ease;
}

/* Hover state */
body.light .wd-nav-link:hover .wd-tabs-title::after {
  background-color: #c43d36 !important; /* darker color on hover */
}

/* Active tab state */
body.light .wd-nav > li.active .wd-tabs-title::after {
  background-color: #c43d36 !important; /* highlight for active tab */
}

/* ---------------------------------------------------------------- */
body.dark .wd-tabs-title::after {
  background-color: #90b547 !important; /* default line/after color */
  transition: background-color 0.3s ease;
}

/* Hover state */
body.dark .wd-nav-link:hover .wd-tabs-title::after {
  background-color: #90b547 !important; /* darker color on hover */
}

/* Active tab state */
body.dark .wd-nav > li.active .wd-tabs-title::after {
  background-color: #90b547 !important; /* highlight for active tab */
}



div.quantity p {
 border: 1px solid #86b63e !important;
}
body.light div.quantity p {
 border: 1px solid #c43d36 !important;
}


body.light .elementor-616 .elementor-element.elementor-element-34bdc2b .quantity input.minus.btn,
body.light .elementor-616 .elementor-element.elementor-element-34bdc2b .quantity input.plus.btn,
body.light .elementor-616 .elementor-element.elementor-element-34bdc2b .quantity input[type="number"] {
  border: 1px solid #000000 !important;  /* white border */
  color: #000000 !important;
  background: transparent !important; /* make sure border is visible */
  box-shadow: none !important;        /* remove theme shadows */
}
body.light .wd-negative-gap.elementor-element.elementor-element-56d856a9.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
  background-color: #ece7dd !important;
  color: #000 !important; /* makes text black */
}