.elementor-674 .elementor-element.elementor-element-973468e{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}/* Start custom CSS for shortcode, class: .elementor-element-107eddb *//* ===== Fix: override the plugin's primary color variable ===== */
:root,
.wpc-paginated-products-body,
.elementor-widget-container {
  --wpc-primary-color: #42220e !important;
}

/* Direct override in case the variable doesn't cascade everywhere */
.wpc-food-menu-item .wpc-add-to-cart a,
.wpc-food-menu-item.style2 .wpc-add-to-cart a,
a.button.add_to_cart_button.ajax_add_to_cart {
  background-color: #42220e !important;
  color: #ece7d9 !important;
}

.wpc-food-menu-item .wpc-add-to-cart a:hover,
.wpc-food-menu-item.style2 .wpc-add-to-cart a:hover,
a.button.add_to_cart_button.ajax_add_to_cart:hover {
  background-color: #2e1608 !important;
}

/* Selected/active card border (uses the same primary color var) */
.wpc-food-menu-item.style2,
.wpc-food-menu-item.style2.selected,
.wpc-food-menu-item.style2:hover {
  border-color: #42220e !important;
}/* End custom CSS */