.elementor-9 .elementor-element.elementor-element-7a333fd9{--display:flex;}/* Start custom CSS for container, class: .elementor-element-7a333fd9 *//* --- Normal State --- */
.wc-block-grid__products .wp-block-button__link.add_to_cart_button {
  background-color: #F6C6D1 !important; /* Change to your desired button color */
  color: #472307 !important;            /* Text color */
  border: 1px solid #F6C6D1 !important; /* Optional: border color */
  padding: 10px 20px !important;        /* Adjust padding/size */
  font-weight: 600 !important;          /* Make text bold */
  text-decoration: none !important;     /* Remove underlines */
  display: inline-block !important;
  border-radius: 4px !important;        /* Adjust rounded corners */
  transition: all 0.3s ease !important; /* Smooth color fade animation */
}

/* --- Hover & Focus State --- */
.wc-block-grid__products .wp-block-button__link.add_to_cart_button:hover,
.wc-block-grid__products .wp-block-button__link.add_to_cart_button:focus {
  background-color: #472307 !important; /* Darker color on hover */
  color: #F6C6D1 !important;            /* Text color on hover */
  border-color: #472307 !important;     /* Border color on hover */
  cursor: pointer !important;
}

/* --- Normal State --- */
.wc-block-grid__products .wc-block-grid__product-link .wc-block-grid__product-title {
  color: #472307 !important;             /* Your desired text color */
  font-size: 16px !important;            /* Optional: adjusts text size */
  font-weight: 600 !important;           /* Makes the title bold */
  text-decoration: none !important;      /* Removes underline on links */
  transition: color 0.3s ease !important; /* Smooth color transition on hover */
}

/* --- Hover State --- */
/* Changes title color when a user hovers over either the title itself or the whole product block link */
.wc-block-grid__products .wc-block-grid__product-link:hover .wc-block-grid__product-title,
.wc-block-grid__products .wc-block-grid__product-title:hover {
  color: #F6C6D1 !important;             /* Your desired hover text color (e.g., matching your buttons) */
  text-decoration: none !important;
}

/* --- Normal State --- */
.wc-block-cart__submit-container .wc-block-cart__submit-button {
    background-color: #F6C6D1 !important;
    color: #472307 !important;
    border-color: #F6C6D1 !important; /* Matches border to background */
}

/* --- Hover State --- */
.wc-block-cart__submit-container .wc-block-cart__submit-button:hover,
.wc-block-cart__submit-container .wc-block-cart__submit-button:focus {
    background-color: #472307 !important;
    color: #F6C6D1 !important;
    border-color: #472307 !important;
}/* End custom CSS */