/**
 * WooCommerce cart / checkout / order-pay notices (Phase 1 — CSS only).
 * Success + info → Orders | Error → Compound (portal-notices tokens).
 * Loaded after main.css, customStyle.css, checkout.css.
 */

.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-order-pay,
.custom-checout-page {
	--wc-notice-success-bg: #edf6e5;
	--wc-notice-success-border: #c3e6cb;
	--wc-notice-success-text: #155724;
	--wc-notice-validation-bg: #f8d7da;
	--wc-notice-validation-border: #f5c6cb;
	--wc-notice-validation-text: #721c24;
	--wc-notice-info-bg: #ffffff;
	--wc-notice-info-border: #e1e1e1;
	--wc-notice-info-text: #212529;
	--wc-notice-info-shadow: 0px 4px 20px 0px rgb(210 210 210 / 5%);
	--wc-notice-radius: 6px;
}

/* --- Success (Orders) --- */
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message,
.woocommerce-order-pay .woocommerce-message,
.custom-checout-page .woocommerce-message {
	background-color: var(--wc-notice-success-bg) !important;
	border: 1px solid var(--wc-notice-success-border) !important;
	border-radius: var(--wc-notice-radius);
	color: var(--wc-notice-success-text) !important;
	padding: 0.75rem 1.25rem 0.75rem 3.75rem;
	box-shadow: none !important;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	list-style: none;
	margin-bottom: 1rem;
}

.woocommerce-cart .woocommerce-message::before,
.woocommerce-checkout .woocommerce-message::before,
.woocommerce-order-pay .woocommerce-message::before,
.custom-checout-page .woocommerce-message::before {
	content: "\f00c";
	color: var(--wc-notice-success-text) !important;
	top: 0.75rem;
	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
	font-size: 1em;
	line-height: 1;
	font-weight: 900;
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
}

/* --- Error / validation (Compound) --- */
.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-error,
.woocommerce-order-pay .woocommerce-error,
.custom-checout-page .woocommerce-error,
.woocommerce-cart .woocommerce-NoticeGroup .woocommerce-error,
.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error,
.woocommerce-order-pay .woocommerce-NoticeGroup .woocommerce-error {
	color: var(--wc-notice-validation-text) !important;
	background-color: var(--wc-notice-validation-bg) !important;
	border: 1px solid var(--wc-notice-validation-border) !important;
	border-radius: var(--wc-notice-radius);
	box-shadow: none !important;
	padding: 12px 16px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	list-style: none;
	margin-bottom: 1rem;
}

.woocommerce-cart .woocommerce-error li,
.woocommerce-checkout .woocommerce-error li,
.woocommerce-order-pay .woocommerce-error li,
.custom-checout-page .woocommerce-error li {
	font-weight: 400;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.woocommerce-cart .woocommerce-error::before,
.woocommerce-checkout .woocommerce-error::before,
.woocommerce-order-pay .woocommerce-error::before,
.custom-checout-page .woocommerce-error::before {
	content: none !important;
	display: none !important;
}

.woocommerce-cart .woocommerce-error li::before,
.woocommerce-checkout .woocommerce-error li::before,
.woocommerce-order-pay .woocommerce-error li::before {
	content: none !important;
}

/* --- Info (Orders white card) --- */
.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info,
.woocommerce-order-pay .woocommerce-info,
.custom-checout-page .woocommerce-info {
	color: var(--wc-notice-info-text) !important;
	background-color: var(--wc-notice-info-bg) !important;
	border: 1px solid var(--wc-notice-info-border) !important;
	border-radius: var(--wc-notice-radius) !important;
	box-shadow: var(--wc-notice-info-shadow) !important;
	padding: 0.75rem 1.25rem 0.75rem 3.75rem !important;
	font-size: 1rem !important;
	/*line-height: 1.5 !important; */
	font-weight: 400 !important;
	margin-bottom: 1rem;
	list-style: none;
}

.woocommerce-cart .woocommerce-info::before,
.woocommerce-checkout .woocommerce-info::before,
.woocommerce-order-pay .woocommerce-info::before,
.custom-checout-page .woocommerce-info::before {
	top: 0.75rem;
	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
	font-size: 14px;
	line-height: 1;
	color: var(--wc-notice-success-text) !important;
}

/* Coupon UI labels — not full notice cards (preserve checkout.css layout) */
.woocommerce-cart .cart-coupon .woocommerce-info,
.woocommerce-checkout .cart-coupon .woocommerce-info,
.woocommerce-cart .your-order-total .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .your-order-total .woocommerce-form-coupon-toggle .woocommerce-info {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 10px 0 0 !important;
	margin: 0 0 10px !important;
	color: #000 !important;
	font-size: 18px !important;
}

.woocommerce-cart .cart-coupon .woocommerce-info::before,
.woocommerce-checkout .cart-coupon .woocommerce-info::before,
.woocommerce-cart .your-order-total .woocommerce-form-coupon-toggle .woocommerce-info::before,
.woocommerce-checkout .your-order-total .woocommerce-form-coupon-toggle .woocommerce-info::before {
	content: none !important;
	display: none !important;
}

/* Empty cart blocks — align with Orders/Compound tokens while keeping layout */
.basket-empty-cart .woocommerce-notices-wrapper .woocommerce-message {
	background: var(--wc-notice-success-bg) !important;
	border: 1px solid var(--wc-notice-success-border) !important;
	border-radius: var(--wc-notice-radius);
	color: var(--wc-notice-info-text) !important;
	box-shadow: var(--wc-notice-info-shadow) !important;
}

.basket-empty-cart .woocommerce-notices-wrapper .woocommerce-message::before {
	content: "\f00c";
	color: var(--wc-notice-success-text) !important;
	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 1em;
	line-height: 1;
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	display: block;
	padding-right: 0;
	vertical-align: baseline;
}
.basket-empty-cart .wc-empty-cart-message .woocommerce-info{
	border: 0px solid var(--wc-notice-info-border) !important;
}
.basket-empty-cart .wc-empty-cart-message .woocommerce-info {
	background: var(--wc-notice-info-bg) !important;
	border-color: var(--wc-notice-info-border) !important;
	border-radius: var(--wc-notice-radius);
	color: var(--wc-notice-info-text) !important;
	box-shadow: var(--wc-notice-info-shadow) !important;
}

.basket-empty-cart .wc-empty-cart-message .woocommerce-info::before {
	color: var(--wc-notice-success-text) !important;
}