@import url( 'https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&family=Mulish:wght@400;500;600;700;800&display=swap' );

/* Bearded Kernel — WooCommerce notices, design-system styling.
   Loads site-wide (notices can appear on shop, product, cart, checkout and
   account pages). Every rule is scoped to a woocommerce notice class, so it
   cannot affect anything else on the page. */

.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-notices-wrapper > * + * { margin-top: 12px; }

/* ---- Shared card ---- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
ul.woocommerce-error {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 14px;
	margin: 0 0 18px !important;
	padding: 16px 20px !important;
	list-style: none !important;
	font-family: 'Mulish', system-ui, -apple-system, sans-serif;
	line-height: 1.6;
	color: #e8ebe4 !important;
	background: linear-gradient( 135deg, rgba( 28, 50, 40, 0.92 ), rgba( 18, 36, 28, 0.95 ) ) !important;
	background-image: linear-gradient( 135deg, rgba( 28, 50, 40, 0.92 ), rgba( 18, 36, 28, 0.95 ) ) !important;
	background-color: transparent !important;
	border: 1px solid rgba( 180, 200, 170, 0.18 ) !important;
	border-top: 1px solid rgba( 180, 200, 170, 0.18 ) !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 32px rgba( 0, 0, 0, 0.25 ), inset 0 1px 0 rgba( 255, 255, 255, 0.06 ) !important;
	-webkit-backdrop-filter: blur( 10px );
	backdrop-filter: blur( 10px );
}

/* Woo/theme icons (✓ ⓘ ✕) are drawn as ::before — remove them. */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
ul.woocommerce-error::before,
.woocommerce-message::after,
.woocommerce-info::after,
.woocommerce-error::after {
	content: none !important;
	display: none !important;
}

/* Error rows: keep the red signal without a heavy left stripe. */
.woocommerce-error,
ul.woocommerce-error {
	border-color: rgba( 229, 72, 77, 0.45 ) !important;
}
.woocommerce-error li,
ul.woocommerce-error li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

/* ---- Links inside notices ---- */
.woocommerce-message a:not( .button ),
.woocommerce-info a:not( .button ),
.woocommerce-error a:not( .button ) {
	color: #6bcb8a !important;
	text-decoration: none;
	font-weight: 600;
}
.woocommerce-message a:not( .button ):hover,
.woocommerce-info a:not( .button ):hover,
.woocommerce-error a:not( .button ):hover { color: #fff !important; }

/* ---- Action button (e.g. "View basket") pinned to the right ---- */
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-message a.button.wc-forward {
	margin-left: auto !important;
	flex: 0 0 auto;
	display: inline-block;
	padding: 11px 20px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0.03em;
	line-height: 1.2 !important;
	white-space: nowrap;
	cursor: pointer;
	background: #24ae4e !important;
	background-image: none !important;
	color: #fff !important;
	border: 1px solid #18a242 !important;
	border-radius: 8px !important;
	text-shadow: none !important;
	text-decoration: none !important;
	transition: filter 0.2s ease;
}
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover { filter: brightness( 1.08 ); color: #fff !important; }

@media ( max-width: 560px ) {
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error {
		align-items: stretch;
		flex-direction: column;
	}
	.woocommerce-message .button,
	.woocommerce-info .button,
	.woocommerce-error .button { margin-left: 0 !important; text-align: center; }
}