/**
 * Notices component.
 *
 * Styles WordPress admin notices and WooCommerce front-end notices.
 * WooCommerce generates its own class names (.woocommerce-message,
 * .woocommerce-error, .woocommerce-info, .woocommerce-notice) which
 * do not inherit Bootstrap .alert styles.
 *
 * This file maps WooCommerce notice classes to brand tokens without
 * touching Bootstrap .alert (which remains available for custom use).
 *
 * @package PackagingCommerce
 */

/* ── WooCommerce notice base ───────────────────────────────────────── */

.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.woocommerce-notice {
	display: block;
	padding: var(--brand-space-4) var(--brand-space-5);
	margin-block-end: var(--brand-space-5);
	border-radius: var(--brand-radius-md);
	border-inline-start: 4px solid transparent;
	font-size: var(--brand-text-sm);
	list-style: none;
}

/* ── WooCommerce: success / confirmation ───────────────────────────── */

.woocommerce-message {
	background-color: var(--brand-color-success-bg);
	border-color:     var(--brand-color-success);
	color:            var(--brand-color-success);
}

.woocommerce-message a {
	color: var(--brand-color-success);
	font-weight: var(--brand-weight-semibold);
}

/* ── WooCommerce: error ────────────────────────────────────────────── */

.woocommerce-error {
	background-color: var(--brand-color-danger-bg);
	border-color:     var(--brand-color-danger);
	color:            var(--brand-color-danger);
}

.woocommerce-error a {
	color: var(--brand-color-danger);
	font-weight: var(--brand-weight-semibold);
}

/* Remove list style when WooCommerce wraps errors in <ul> */
.woocommerce-error li {
	margin-block-end: var(--brand-space-2);
}

/* ── WooCommerce: info ─────────────────────────────────────────────── */

.woocommerce-info,
.woocommerce-notice {
	background-color: var(--brand-color-info-bg);
	border-color:     var(--brand-color-info);
	color:            var(--brand-color-info);
}

.woocommerce-info a,
.woocommerce-notice a {
	color: var(--brand-color-info);
	font-weight: var(--brand-weight-semibold);
}

/* ── WordPress admin notices (front-end visible) ───────────────────── */

.notice,
.updated,
.error,
.settings-error {
	padding: var(--brand-space-3) var(--brand-space-4);
	border-radius: var(--brand-radius-sm);
	margin-block-end: var(--brand-space-4);
	font-size: var(--brand-text-sm);
}

.notice-success,
.updated {
	background-color: var(--brand-color-success-bg);
	border-inline-start: 4px solid var(--brand-color-success);
}

.notice-error,
.error {
	background-color: var(--brand-color-danger-bg);
	border-inline-start: 4px solid var(--brand-color-danger);
}

.notice-warning {
	background-color: var(--brand-color-warning-bg);
	border-inline-start: 4px solid var(--brand-color-warning);
}

.notice-info {
	background-color: var(--brand-color-info-bg);
	border-inline-start: 4px solid var(--brand-color-info);
}