/* ==========================================================================
   মডিউল: Order Success — অর্ডারের পর সফল-পপআপ
   মোবাইল: নিচ থেকে শিট | ট্যাবলেট/ডেস্কটপ: মাঝখানে কার্ড
   ========================================================================== */

.arianerptheme-success {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: var(--arianerptheme-z-modal);
	display: flex;
	flex-direction: column;
	max-height: 94vh;
	overflow-y: auto;
	overscroll-behavior: contain;
	background: var(--arianerptheme-surface);
	border-radius: 20px 20px 0 0;
	box-shadow: 0 -12px 40px rgba(0, 0, 0, .3);
	transform: translateY(104%);
	visibility: hidden;
	transition: transform .28s ease, visibility .28s;
}

.arianerptheme-success.is-open {
	transform: none;
	visibility: visible;
	transition: transform .28s ease, visibility 0s;
}

.arianerptheme-success__close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
}

.arianerptheme-success__top {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 20px var(--arianerptheme-gutter) 16px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--arianerptheme-success) 10%, var(--arianerptheme-surface)), var(--arianerptheme-surface));
	text-align: center;
}

.arianerptheme-success__brand {
	max-width: 160px;
	margin-bottom: 4px;
}

.arianerptheme-success__brand img,
.arianerptheme-success__brand .custom-logo {
	max-height: 36px;
	width: auto;
}

.arianerptheme-success__title {
	margin: 4px 0 0;
	font-size: 1.35rem;
}

.arianerptheme-success__title:focus {
	outline: none;
}

.arianerptheme-success__ref,
.arianerptheme-success__total {
	margin: 0;
	color: var(--arianerptheme-muted);
}

.arianerptheme-success__ref strong {
	color: var(--arianerptheme-text);
	letter-spacing: .04em;
}

.arianerptheme-success__total strong {
	color: var(--arianerptheme-primary);
}

.arianerptheme-success__msg {
	max-width: 380px;
	margin: 4px 0 8px;
	font-size: .92rem;
}

.arianerptheme-success__wa {
	width: min(100%, 360px);
	min-height: 50px;
	font-size: 1rem;
}

.arianerptheme-success__wa.is-primary-step {
	animation: arianerptheme-success-pulse 1.8s ease-in-out infinite;
}

.arianerptheme-success__track {
	margin-top: 10px;
	color: var(--arianerptheme-primary);
	font-weight: 600;
	text-decoration: none;
}

.arianerptheme-success__track:hover {
	text-decoration: underline;
}

.arianerptheme-success__track[hidden] {
	display: none;
}

@keyframes arianerptheme-success-pulse {
	0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--arianerptheme-whatsapp) 55%, transparent); }
	50% { box-shadow: 0 0 0 10px transparent; }
}

.arianerptheme-success__reco {
	padding: 12px var(--arianerptheme-gutter) 4px;
	border-top: 1px solid var(--arianerptheme-border);
}

.arianerptheme-success__foot {
	padding: 10px var(--arianerptheme-gutter) calc(14px + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 768px) {
	.arianerptheme-success {
		top: 50%;
		left: 50%;
		right: auto;
		bottom: auto;
		width: min(560px, 92vw);
		max-height: 90vh;
		border-radius: var(--arianerptheme-radius);
		box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
		opacity: 0;
		transform: translate(-50%, -46%) scale(.98);
		transition: transform .22s ease, opacity .22s ease, visibility .22s;
	}

	.arianerptheme-success.is-open {
		opacity: 1;
		transform: translate(-50%, -50%);
		transition: transform .22s ease, opacity .22s ease, visibility 0s;
	}

	.arianerptheme-success__top {
		padding-top: 28px;
	}
}