.elementor-28489 .elementor-element.elementor-element-68eac022{--display:flex;}.elementor-28489 .elementor-element.elementor-element-7d3fc57 .elementor-icon-wrapper{text-align:center;}.elementor-28489 .elementor-element.elementor-element-7d3fc57 .elementor-icon{font-size:20px;}.elementor-28489 .elementor-element.elementor-element-7d3fc57 .elementor-icon svg{height:20px;}.elementor-28489 .elementor-element.elementor-element-3a2fe0e .elementor-icon-wrapper{text-align:center;}.elementor-28489 .elementor-element.elementor-element-3a2fe0e .elementor-icon{font-size:20px;}.elementor-28489 .elementor-element.elementor-element-3a2fe0e .elementor-icon svg{height:20px;}/* Start custom CSS for container, class: .elementor-element-68eac022 */#darkModeImg {display: none;}
#darkToggle {cursor: pointer;}
/* Apply full dark mode to all WoodMart wrappers */
body.dark,
body.dark .whb-row,
body.dark .site-content,
body.dark .elementor-section,
body.dark .elementor-column,
body.dark .wd-page-wrapper,
body.dark .website-wrapper,
body.dark .wd-header,
body.dark .wd-footer,
body.dark .wd-content,
body.dark .wd-container,
body.dark .wd-section,
body.dark .wd-main-wrapper,
body.dark .main-page-wrapper,
body.dark .wd-page-content,
body.dark .wd-column,
body.dark .container,
body.dark .wd-container,
body.dark .elementor-widget-container,
body.dark .wd-slide-container,
body.dark .article-body-container {
  background-color: #242424 !important;
  color: #ffffff !important;
}
body.dark .checkout-order-review,
body.dark .woocommerce-shipping-methods,
body.dark .woocommerce-privacy-policy-text,
body.dark #order_review_heading,
body.dark .payment_methods
{
    background-color: #333;
    color: #555 ;
}
 body.dark .payment_box {
     background-color: #777;
     color: #fff
 }
 
/* Ensure buttons, forms, and text are styled correctly */
body.dark h1, 
body.dark h2, 
body.dark h3, 
body.dark h4, 
body.dark h5,
body.dark h6, 
body.dark .tabs-text, 
body.dark p, 
body.dark label, 
body.dark a {
  color: #ffffff !important;
}

body.dark input, 
body.dark textarea, 
body.dark select {
  background-color: #333 !important;
  color: #ffffff !important;
  border-color: #555 !important;
}

/* Dark mode for footer & buttons */
body.dark .bottomfooter,
/*body.dark .elementor-widget-container {
  background-color: #333 !important;
}*/

body.dark .elementor-button {
  background-color: #555 !important;
  color: #fff !important;
}

body.dark .elementor-button:hover {
  background-color: #777 !important;
}/* End custom CSS */