/* Remove WooCommerce error icon */
.woocommerce-notices-wrapper ul.woocommerce-error::before,
.woocommerce ul.woocommerce-error::before {
    content: none !important;
    display: none !important;
    background: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
}

/* Remove after pseudo-element too */
.woocommerce-notices-wrapper ul.woocommerce-error::after,
.woocommerce ul.woocommerce-error::after {
    content: none !important;
    display: none !important;
}

/* Apply your beige styling */
.woocommerce-notices-wrapper ul.woocommerce-error {
    background: #fff7e6 !important;
    border: 1px solid #ffcc80 !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

/* Style the text */
.woocommerce-notices-wrapper ul.woocommerce-error li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 600 !important;
    color: #8a5a00 !important;
}

/* Apply same styling whether Woo outputs UL or DIV */
.woocommerce-error,
ul.woocommerce-error,
.woocommerce ul.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper ul.woocommerce-error {
  background: #fff7e6 !important;
  border: 1px solid #ffcc80 !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  color: #8a5a00 !important;
}

/* If it's a DIV notice, Woo may add its own left border / icon spacing */
.woocommerce-error {
  box-shadow: none !important;
}

/* List item styling (only applies when it's a UL) */
ul.woocommerce-error li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 600;
  color: #8a5a00;
}

.woocommerce-error::before,
ul.woocommerce-error::before,
.woocommerce ul.woocommerce-error::before,
.woocommerce-notices-wrapper .woocommerce-error::before,
.woocommerce-notices-wrapper ul.woocommerce-error::before {
  content: none !important;
  display: none !important;
  background: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}