/**
 * API корзины: плашка smdCart.toast («Товар добавлен в корзину») и кнопка на время запроса.
 * В макете плашки нет — она в стиле UI-кита (как .modal-cookie / .tooltip): белая, тень выпадающих панелей,
 * без скруглений, зелёная ссылка. Справа под шапкой по краю контейнера; top ставит smd-cart-api.js.
 */

.smd-toast {
	position: fixed;
	top: 0;
	right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
	z-index: 150;
	width: 36rem;
	margin-top: 1.5rem;
	padding: 2rem 5rem 2rem 2.4rem;
	background-color: var(--white);
	box-shadow: 0 0.2rem 0.6rem 0 rgba(166, 166, 166, 0.30);
	color: var(--black-txt);
	font-size: 1.4rem;
	line-height: 1.4;
	opacity: 0;
	visibility: hidden;
	translate: 0 -1rem;
	transition: opacity 0.3s ease 0s, visibility 0.3s ease 0s, translate 0.3s ease 0s, top 0.4s ease 0s;
}

.smd-toast.is-open {
	opacity: 1;
	visibility: visible;
	translate: 0 0;
}

.smd-toast__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.8rem;
}

.smd-toast__text {
	font-weight: 600;
}

.smd-toast--error .smd-toast__text {
	color: var(--error);
	font-weight: 500;
}

.smd-toast__link {
	border-bottom: 0.1rem solid var(--theme-color);
	color: var(--green);
	transition: color 0.3s ease 0s;
}

.smd-toast__link:hover {
	color: var(--black-txt);
}

.smd-toast__close {
	position: absolute;
	top: 1.6rem;
	right: 1.6rem;
	display: flex;
	color: var(--black-txt);
	transition: color 0.3s ease 0s;
	cursor: pointer;
}

.smd-toast__close svg {
	width: 1.4rem;
	height: 1.4rem;
}

.smd-toast__close:hover {
	color: var(--green);
}

/* Кнопка «В корзину», пока идёт запрос (aria-busy ставит smdCart — чужие .is-loading не задеваем). */
.is-loading[aria-busy="true"] {
	opacity: 0.7;
	cursor: progress;
	pointer-events: none;
}

@media (max-width: 480px) {
	.smd-toast {
		left: var(--wrapper-padding);
		right: var(--wrapper-padding);
		width: auto;
		margin-top: 1rem;
		padding: 1.6rem 4.4rem 1.6rem 1.6rem;
	}
}