/* Toast notifications — replace default WooCommerce error banners */
.df-toast {
	position: fixed;
	bottom: var(--df-sp-8);
	left: 50%;
	transform: translateX(-50%) translateY(12px);
	z-index: 5000;
	max-width: min(440px, calc(100vw - var(--df-sp-4)));
	padding: var(--df-sp-3) var(--df-sp-6);
	background: var(--df-white);
	color: var(--df-dark);
	border: 1px solid var(--df-gray-light);
	font-family: var(--df-font-body);
	font-size: 0.8125rem;
	line-height: var(--df-lh-body);
	white-space: pre-line;
	text-align: center;
	box-shadow: 0 8px 24px rgba(26, 26, 24, 0.12);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity var(--df-ease), transform var(--df-ease), visibility var(--df-ease);
}

.df-toast.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

@media (max-width: 1023px) {
	.df-toast {
		bottom: calc(var(--df-sp-16) + 56px);
	}
}