/**
 * WooCommerce notices — Nuggela & Sulé brand.
 * Covers .woocommerce-notices-wrapper and standalone notice nodes.
 */

.woocommerce-notices-wrapper {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 0 20px;
	clear: both;
}

.woocommerce-notices-wrapper:empty {
	display: none;
	margin: 0;
	padding: 0;
}

/* ── Shared notice card ─────────────────────────────────── */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper ul.woocommerce-error,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
ul.woocommerce-error {
	position: relative;
	margin: 0;
	padding: 14px 44px 14px 18px;
	border-radius: var(--r-md, 12px);
	border: 1px solid var(--line, #E5DBC8);
	background: #fff;
	color: var(--ink-2, #2A211B);
	font-family: var(--sans, "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif);
	font-size: 14px;
	line-height: 1.55;
	font-weight: 500;
	list-style: none;
	clear: both;
	box-shadow: none;
}

.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce-notices-wrapper .woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	display: none;
}

/* ── Success ────────────────────────────────────────────── */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-message {
	background: var(--green-soft, #E5F3E7);
	border-color: rgba(46, 125, 50, 0.28);
	color: var(--ink-2, #2A211B);
}

/* ── Info ───────────────────────────────────────────────── */
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-info {
	background: var(--orange-tint, #FFF1E2);
	border-color: var(--orange-soft, #FCDFC4);
	color: var(--ink-2, #2A211B);
}

/* ── Error (div + ul list) ──────────────────────────────── */
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper ul.woocommerce-error,
.woocommerce-error,
ul.woocommerce-error {
	background: #FDF0ED;
	border-color: rgba(232, 109, 49, 0.35);
	color: var(--ink, #15110D);
}

ul.woocommerce-error {
	padding: 14px 44px 14px 18px;
}

ul.woocommerce-error li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.woocommerce-error li + li {
	margin-top: 8px;
	padding-top: 10px;
	border-top: 1px solid rgba(232, 109, 49, 0.2);
}

/* ── Links inside notices ───────────────────────────────── */
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
ul.woocommerce-error a {
	color: var(--orange-deep, #B84F1C);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.woocommerce-message a:hover,
.woocommerce-info a:hover,
.woocommerce-error a:hover,
ul.woocommerce-error a:hover {
	color: var(--orange, #E86D31);
}

/* ── Dismiss / close ────────────────────────────────────── */
.woocommerce-message .notice-dismiss,
.woocommerce-info .notice-dismiss,
.woocommerce-error .notice-dismiss,
.woocommerce-message-close,
.woocommerce-info .woocommerce-message-close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--r-sm, 6px);
	background: transparent;
	color: var(--muted, #6F6353);
	opacity: 0.75;
	text-decoration: none;
	cursor: pointer;
	transition: opacity 0.15s ease, background 0.15s ease;
}

.woocommerce-message .notice-dismiss:hover,
.woocommerce-info .notice-dismiss:hover,
.woocommerce-error .notice-dismiss:hover,
.woocommerce-message-close:hover {
	opacity: 1;
	background: rgba(21, 17, 13, 0.06);
}

/* ── Block checkout / cart banners (WC Blocks) ────────── */
.wc-block-components-notice-banner {
	border-radius: var(--r-md, 12px);
	border-width: 1px;
	border-style: solid;
	font-family: var(--sans, "Inter", sans-serif);
	font-size: 14px;
	line-height: 1.55;
	padding: 14px 18px;
}

.wc-block-components-notice-banner.is-info {
	background: var(--orange-tint, #FFF1E2);
	border-color: var(--orange-soft, #FCDFC4);
	color: var(--ink-2, #2A211B);
}

.wc-block-components-notice-banner.is-success {
	background: var(--green-soft, #E5F3E7);
	border-color: rgba(46, 125, 50, 0.28);
	color: var(--ink-2, #2A211B);
}

.wc-block-components-notice-banner.is-error {
	background: #FDF0ED;
	border-color: rgba(232, 109, 49, 0.35);
	color: var(--ink, #15110D);
}

.wc-block-components-notice-banner a {
	color: var(--orange-deep, #B84F1C);
	font-weight: 600;
}

/* ── Reviews / empty states ─────────────────────────────── */
.woocommerce-noreviews,
p.no-comments {
	padding: 14px 18px;
	border-radius: var(--r-md, 12px);
	border: 1px solid var(--line, #E5DBC8);
	background: var(--paper-2, #F5EFE5);
	color: var(--muted, #6F6353);
	font-size: 14px;
	line-height: 1.55;
	clear: both;
}