/*
	Theme Name: Hello Elementor Child
	Template: hello-elementor
*/
/* Normalize WooCommerce + FluidCheckout notice icons site-wide */
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-NoticeGroup .woocommerce-error,
.fc-wrapper .woocommerce-error,
.fc-wrapper .woocommerce-info,
.fc-wrapper .woocommerce-message {
  position: relative;
  padding-left: 48px; /* room for icon */
}

/* one consistent, font-independent icon — no icon font needed */
.woocommerce-notices-wrapper .woocommerce-error::before,
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before,
.woocommerce-NoticeGroup .woocommerce-error::before,
.fc-wrapper .woocommerce-error::before,
.fc-wrapper .woocommerce-info::before,
.fc-wrapper .woocommerce-message::before {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  line-height: 24px;     /* vertical centering */
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  overflow: visible;
  content: "!";          /* default = error */
  background: #c0392b;   /* red for error */
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* swap content/color for info and success */
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce .woocommerce-info::before,
.fc-wrapper .woocommerce-info::before {
  content: "i";
  background: #2980b9;
}
.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce .woocommerce-message::before,
.fc-wrapper .woocommerce-message::before {
  content: "✓";
  background: #27ae60;
}
