/**
 * پیام شناور مشترک (toast) — علاقه‌مندی، کیف پول و هر بخش دیگری.
 *
 * جهت‌ها منطقی (logical) هستند تا در RTL و LTR یکسان کار کنند.
 */

.mah24-toasts {
	position: fixed;
	z-index: 999999;
	inset-block-end: 24px;
	inset-inline-start: 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: min(360px, calc(100vw - 32px));
	pointer-events: none;
}

.mah24-toast {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 13px 16px;
	border-radius: 14px;
	border-inline-start: 4px solid #8a8a8a;
	background: #fff;
	box-shadow: 0 16px 40px -18px rgba(20, 5, 12, 0.55);
	color: #2b2330;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.8;
	pointer-events: auto;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.mah24-toast.is-in {
	opacity: 1;
	transform: translateY(0);
}

.mah24-toast--success {
	border-inline-start-color: #1d9a68;
}

.mah24-toast--error {
	border-inline-start-color: #c1123f;
}

.mah24-toast__icon {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.mah24-toast--success .mah24-toast__icon {
	background: #1d9a68;
}

.mah24-toast--error .mah24-toast__icon {
	background: #c1123f;
}

.mah24-toast__body {
	flex: 1;
	min-width: 0;
}

.mah24-toast__link {
	display: inline-block;
	margin-top: 4px;
	color: #4e1229;
	font-weight: 800;
	text-decoration: underline;
}

.mah24-toast__close {
	flex: 0 0 auto;
	margin: -4px -6px 0 -6px;
	padding: 4px 6px;
	border: 0;
	background: none;
	color: #a1959b;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}

.mah24-toast__close:hover {
	color: #2b2330;
}

@media (prefers-reduced-motion: reduce) {
	.mah24-toast {
		transition: none;
	}
}

@media (max-width: 480px) {
	.mah24-toasts {
		inset-inline: 16px;
		inset-block-end: 16px;
		max-width: none;
	}
}