/* Alzar Push UI (v9.0) — toast, game CTA, install pill. RTL-first. */

.alzl-push-toast {
	position: fixed;
	inset-inline: 0;
	bottom: 18px;
	margin-inline: auto;
	width: min(420px, calc(100vw - 32px));
	background: #161D47;
	color: #fff;
	padding: 12px 16px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(22, 29, 71, .35);
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
	z-index: 99999;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .25s ease, transform .25s ease;
	pointer-events: none;
}

.alzl-push-toast.is-on {
	opacity: 1;
	transform: translateY(0);
}

/* In-game CTA (rendered by the game markup, shown by push.js). */
.alzl__push {
	margin-top: 10px;
	text-align: center;
}

.alzl__push [data-act="push-enable"]::before {
	content: "🔔 ";
}

/* Install pill (bottom start corner). */
.alzl-install {
	position: fixed;
	bottom: 16px;
	inset-inline-start: 16px;
	display: flex;
	align-items: stretch;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 8px 26px rgba(22, 29, 71, .3);
	z-index: 99998;
	font-size: 13.5px;
}

.alzl-install__btn {
	border: 0;
	background: #1A994A;
	color: #fff;
	padding: 11px 18px;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
}

.alzl-install__btn:hover {
	background: #137A3A;
}

.alzl-install__x {
	border: 0;
	background: #E6F4EB;
	color: #137A3A;
	padding: 11px 12px;
	cursor: pointer;
	font: inherit;
	line-height: 1;
}

.alzl-install__x:hover {
	background: #cfe9da;
}

@media ( max-width: 640px ) {
	.alzl-install {
		inset-inline: 12px;
		bottom: 74px; /* فوق شريط السلة الثابت */
	}
	.alzl-install__btn {
		flex: 1;
		text-align: center;
	}
}

/* ---------- site-wide activation nag (v1.10.1) ---------- */
.alzl-push-nag {
	position: fixed;
	bottom: 72px;
	inset-inline-start: 16px;
	display: flex;
	align-items: stretch;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 8px 26px rgba(19, 122, 58, .35);
	z-index: 99997;
	font-size: 13.5px;
	animation: alzl-nag-in .35s ease;
}

@keyframes alzl-nag-in {
	from { opacity: 0; transform: translateY(14px); }
	to { opacity: 1; }
}

.alzl-push-nag__btn {
	border: 0;
	background: linear-gradient(135deg, #1A994A 0%, #157A3C 100%);
	color: #fff;
	padding: 11px 18px;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 78vw;
	text-align: start;
}

.alzl-push-nag__btn:hover {
	filter: brightness(1.07);
}

.alzl-push-nag__bell {
	font-size: 1.15rem;
	flex: 0 0 auto;
}

.alzl-push-nag__x {
	border: 0;
	background: #E6F4EB;
	color: #137A3A;
	padding: 11px 12px;
	cursor: pointer;
	font: inherit;
	line-height: 1;
}

.alzl-push-nag__x:hover {
	background: #cfe9da;
}

@media (max-width: 520px) {
	.alzl-push-nag {
		inset-inline: 16px;
		bottom: 84px;
	}
	.alzl-push-nag__btn {
		max-width: none;
	}
}
