:root {
	--tc-navy: #001D3D;
	--tc-navy-2: #003566;
	--tc-orange: #FFA300;
	--tc-green: #057A3A;
	--tc-ink: #222529;
	--tc-border: #E7E7E7;
	--tc-tint: #FFF8E6;
	--tc-red: #B42318;
	--tc-r-sm: 12px;
	--tc-font: Roboto, sans-serif;
}

/* khoảng cách với khối bên dưới */
body .woocommerce-notices-wrapper:not(:empty) {
	margin-bottom: 16px;
}

/* Thẻ thông báo: nền trắng, viền, vạch màu bên trái theo loại */
body .woocommerce-message.woocommerce-message,
body .woocommerce-info.woocommerce-info,
body ul.woocommerce-error.woocommerce-error {
	--tc-accent: var(--tc-green);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 0 0 12px;
	padding: 14px 20px 14px 16px;
	list-style: none;
	background: #fff;
	border: 1px solid var(--tc-border);
	border-left: 4px solid var(--tc-accent);
	border-radius: var(--tc-r-sm);
	box-shadow: 0 2px 8px rgba(34, 37, 41, .06);
	color: var(--tc-ink);
	font-family: var(--tc-font);
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
}

body .woocommerce-info.woocommerce-info {
	--tc-accent: var(--tc-navy);
}

body ul.woocommerce-error.woocommerce-error {
	--tc-accent: var(--tc-red);
	background: #FFF5F4;
}

/* Icon: giữ icon Font Awesome của theme, bỏ lệch dòng, màu theo loại */
body .woocommerce-message.woocommerce-message::before,
body .woocommerce-info.woocommerce-info::before,
body ul.woocommerce-error.woocommerce-error::before {
	top: 0;
	margin: 0;
	flex: 0 0 auto;
	font-size: 18px;
	line-height: 22px;
	color: var(--tc-accent);
}

/* Nút "Xem giỏ hàng": đẩy sang phải, kiểu nút chính Option C */
body .woocommerce-message.woocommerce-message .button,
body .woocommerce-info.woocommerce-info .button {
	order: 3;
	float: none;
	margin: 0 0 0 auto;
	padding: 9px 18px;
	border: 0;
	border-radius: var(--tc-r-sm);
	background-color: var(--tc-orange);
	color: var(--tc-navy);
	font-family: var(--tc-font);
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
	transition: background-color .2s ease, color .2s ease;
}

body .woocommerce-message.woocommerce-message .button:hover,
body .woocommerce-info.woocommerce-info .button:hover {
	background-color: var(--tc-navy);
	color: var(--tc-orange);
}

body .woocommerce-message.woocommerce-message .button:focus-visible,
body .woocommerce-info.woocommerce-info .button:focus-visible {
	outline: 2px solid var(--tc-orange);
	outline-offset: 2px;
}

/* Liên kết trong nội dung thông báo */
body .woocommerce-message.woocommerce-message a:not(.button),
body .woocommerce-info.woocommerce-info a:not(.button),
body ul.woocommerce-error.woocommerce-error a:not(.button) {
	color: var(--tc-navy);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body .woocommerce-message.woocommerce-message a:not(.button):hover,
body .woocommerce-info.woocommerce-info a:not(.button):hover,
body ul.woocommerce-error.woocommerce-error a:not(.button):hover {
	color: var(--tc-orange-dark, #E69200);
}

/* Lỗi: mỗi li một dòng, không bullet */
body ul.woocommerce-error.woocommerce-error li {
	flex: 1 1 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Mobile: nút xuống dòng, full width */
@media (max-width: 575px) {
	body .woocommerce-message.woocommerce-message,
	body .woocommerce-info.woocommerce-info {
		padding: 12px 14px;
	}

	body .woocommerce-message.woocommerce-message .button,
	body .woocommerce-info.woocommerce-info .button {
		flex: 1 1 100%;
		margin: 4px 0 0;
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	body .woocommerce-message.woocommerce-message .button,
	body .woocommerce-info.woocommerce-info .button {
		transition: none;
	}
}