/**
 * Cart add toast — premium ATC confirmation (PasionGift Experience System).
 *
 * @package PasionGift_App
 */

.pg-cart-add-toast {
	position: fixed;
	left: 50%;
	bottom: calc(var(--pg-bottom-nav-height, 3.5rem) + var(--pg-safe-bottom, 0px) + 0.75rem);
	z-index: 240;
	width: min(22.5rem, calc(100% - 1.5rem));
	pointer-events: none;
	opacity: 0;
	transform: translate(-50%, 0.75rem);
	transition:
		opacity var(--pg-transition-fast, 0.18s) var(--pg-transition-ease, ease),
		transform var(--pg-transition-fast, 0.18s) var(--pg-transition-ease, ease);
}

.pg-cart-add-toast.is-visible {
	pointer-events: auto;
	opacity: 1;
	transform: translate(-50%, 0);
}

.pg-cart-add-toast__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.75rem 0.875rem 0.75rem 1rem;
	border-radius: var(--pg-radius-lg, 1rem);
	border: 1px solid rgba(var(--pg-color-brand-wine-rgb, 139, 30, 63), 0.14);
	background:
		linear-gradient(
			155deg,
			color-mix(in srgb, var(--pg-color-brand-wine, #8b1e3f) 94%, #000) 0%,
			var(--pg-color-brand-wine, #8b1e3f) 55%,
			color-mix(in srgb, var(--pg-color-brand-wine, #8b1e3f) 88%, var(--pg-color-brand-rose, #d98ca3)) 100%
		);
	color: var(--pg-color-surface, #fff);
	box-shadow:
		0 10px 28px rgba(var(--pg-color-brand-wine-rgb, 139, 30, 63), 0.28),
		0 1px 0 rgba(255, 255, 255, 0.12) inset;
}

.pg-cart-add-toast__message {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm, 0.875rem);
	font-weight: var(--pg-font-weight-semibold, 600);
	line-height: var(--pg-line-height-snug, 1.35);
	letter-spacing: -0.01em;
}

.pg-cart-add-toast__actions {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	flex-shrink: 0;
}

.pg-cart-add-toast__action {
	appearance: none;
	border: 0;
	cursor: pointer;
	font-family: var(--pg-font-family);
	font-size: 0.75rem;
	font-weight: var(--pg-font-weight-semibold, 600);
	line-height: 1;
	padding: 0.5rem 0.75rem;
	min-height: 2.25rem;
	border-radius: var(--pg-radius-full, 9999px);
	background: rgba(255, 255, 255, 0.16);
	color: var(--pg-color-surface, #fff);
	transition: background-color var(--pg-transition-fast, 0.18s) ease;
}

.pg-cart-add-toast__action:hover,
.pg-cart-add-toast__action:focus-visible {
	background: rgba(255, 255, 255, 0.26);
}

.pg-cart-add-toast__action:focus-visible {
	outline: 2px solid var(--pg-color-brand-rose, #d98ca3);
	outline-offset: 2px;
}

.pg-cart-add-toast__dismiss {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 0;
	border-radius: var(--pg-radius-full, 9999px);
	background: transparent;
	color: rgba(255, 255, 255, 0.85);
	cursor: pointer;
}

.pg-cart-add-toast__dismiss:hover,
.pg-cart-add-toast__dismiss:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}

.pg-cart-add-toast__dismiss:focus-visible {
	outline: 2px solid var(--pg-color-brand-rose, #d98ca3);
	outline-offset: 2px;
}

@media (max-width: 359px) {
	.pg-cart-add-toast {
		width: calc(100% - 1.25rem);
		bottom: calc(var(--pg-bottom-nav-height, 3.5rem) + var(--pg-safe-bottom, 0px) + 0.5rem);
	}

	.pg-cart-add-toast__inner {
		padding: 0.625rem 0.75rem;
	}

	.pg-cart-add-toast__message {
		font-size: 0.8125rem;
	}
}

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