/**
 * Уведомления WooCommerce (зона [cart]) — плашки UI-кита: div.woocommerce-message.smd-notice.smd-notice--success,
 * ul.woocommerce-error.smd-notice.smd-notice--error, div.woocommerce-info.smd-notice.smd-notice--info (разметка —
 * woocommerce/notices/*.php). Уведомления выводятся не только на страницах WooCommerce, но и в каталоге, и на товаре,
 * поэтому этот небольшой файл подключён на всех страницах; остальные стили зоны — smd-cart.css, только там, где нужны.
 */

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

.woocommerce-notices-wrapper:not(:empty),
.woocommerce-NoticeGroup {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 2.4rem;
}

.smd-notice {
	position: relative;
	display: block;
	margin: 0;
	padding: 1.8rem 2.4rem 1.8rem 6.6rem;
	border-left: 0.4rem solid var(--green);
	background-color: var(--white);
	color: var(--black-txt);
	font-size: 1.6rem;
	line-height: 1.4;
	list-style: none;
}

.smd-notice::before {
	content: "";
	position: absolute;
	left: 2.4rem;
	top: 1.7rem;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 0.2rem;
	background: var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11'%3E%3Cpath d='M13.8625 0H12.6633C12.4951 0 12.3356 0.0768812 12.2326 0.208434L5.15914 9.13179L1.76736 4.85206C1.71605 4.78719 1.65065 4.73473 1.57607 4.69863C1.50149 4.66253 1.41967 4.64373 1.33674 4.64363H0.137527C0.0225806 4.64363 -0.0408973 4.77518 0.029443 4.86402L4.72852 10.7924C4.94812 11.0692 5.37016 11.0692 5.59148 10.7924L13.9706 0.218685C14.0409 0.131552 13.9774 0 13.8625 0Z' fill='white'/%3E%3C/svg%3E") no-repeat center / 1.2rem auto;
}

.smd-notice--error {
	border-left-color: var(--error);
}

.smd-notice--error::before {
	background: var(--error) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 5.5v8.5' stroke='white' stroke-width='2.6' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='18.5' r='1.6' fill='white'/%3E%3C/svg%3E") no-repeat center / 1.8rem auto;
}

.smd-notice--info {
	border-left-color: var(--dark);
}

.smd-notice--info::before {
	background: var(--dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5.5' r='1.6' fill='white'/%3E%3Cpath d='M12 10v8.5' stroke='white' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 1.8rem auto;
}

/* Уведомление, выведенное прямо в контенте (не в .woocommerce-notices-wrapper), — с отступом до следующего блока. */
.woocommerce > .smd-notice,
.smd-account__content > .smd-notice {
	margin-bottom: 2.4rem;
}

.smd-notice li {
	list-style: none;
}

.smd-notice li + li {
	margin-top: 0.6rem;
}

.smd-notice a:not(.button) {
	text-decoration: underline;
	text-decoration-color: var(--green);
	text-underline-offset: 0.3rem;
	transition: color 0.3s ease 0s;
}

.smd-notice a:not(.button):hover {
	color: var(--green);
}

/* Ошибки оформления checkout.js оборачивает в ссылки на поля — без подчёркивания, по наведению красные. */
.smd-notice--error a:not(.button) {
	text-decoration: none;
}

.smd-notice--error a:not(.button):hover {
	color: var(--error);
}

/* Кнопка в уведомлении WooCommerce («Просмотр корзины» и т. п.) — справа, компактная тёмная. */
.smd-notice .button {
	float: right;
	min-height: 3.6rem;
	margin: -0.6rem 0 -0.6rem 2.4rem;
	padding: 0.6rem 2rem;
	background-color: var(--dark);
	font-size: 1.4rem;
}

.smd-notice .button:hover {
	background-color: var(--green);
}

@media (max-width: 768px) {
	.smd-notice {
		padding: 1.6rem 2rem 1.6rem 5.6rem;
		font-size: 1.5rem;
	}

	.smd-notice::before {
		left: 2rem;
		top: 1.6rem;
		width: 2.2rem;
		height: 2.2rem;
	}

	.smd-notice .button {
		float: none;
		display: flex;
		width: max-content;
		margin: 1.2rem 0 0;
	}
}

@media (max-width: 480px) {
	.smd-notice {
		padding: 1.4rem 1.6rem 1.4rem 4.8rem;
		font-size: 1.4rem;
	}

	.smd-notice::before {
		left: 1.4rem;
		top: 1.4rem;
		width: 2rem;
		height: 2rem;
		background-size: 1rem auto;
	}

	.smd-notice--error::before,
	.smd-notice--info::before {
		background-size: 1.5rem auto;
	}
}