/*
 * استایل دکمه شناور تلگرام نبردینو
 */

.ntb-wrapper {
	direction: rtl;
}

.ntb-float-btn {
	position: fixed;
	bottom: 24px;
	z-index: 999999;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border: none;
	background: linear-gradient(135deg, #2aabee 0%, #0088cc 100%);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 6px 20px rgba(0, 136, 204, 0.45);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	animation: ntb-pulse 2.4s ease-in-out infinite;
}

.ntb-float-btn:hover {
	transform: scale(1.07);
	box-shadow: 0 8px 26px rgba(0, 136, 204, 0.55);
}

.ntb-pos-left .ntb-float-btn {
	left: 24px;
}

.ntb-pos-right .ntb-float-btn {
	right: 24px;
}

@keyframes ntb-pulse {
	0%, 100% { box-shadow: 0 6px 20px rgba(0, 136, 204, 0.45); }
	50%      { box-shadow: 0 6px 26px rgba(0, 136, 204, 0.75); }
}

@media (prefers-reduced-motion: reduce) {
	.ntb-float-btn {
		animation: none;
	}
}

/* ---------- مودال تاییدیه ---------- */

.ntb-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1000000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.ntb-modal-overlay[hidden] {
	display: none;
}

.ntb-modal {
	background: #101820;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	padding: 26px 24px;
	max-width: 360px;
	width: 100%;
	text-align: center;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.ntb-modal-text {
	color: #fff;
	font-size: 15px;
	line-height: 1.8;
	margin: 0 0 20px;
}

.ntb-modal-actions {
	display: flex;
	gap: 10px;
}

.ntb-modal-btn {
	flex: 1;
	padding: 12px 14px;
	border-radius: 10px;
	border: none;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.ntb-modal-btn-confirm {
	background: linear-gradient(135deg, #2aabee 0%, #0088cc 100%);
	color: #fff;
}

.ntb-modal-btn-cancel {
	background: #1c2733;
	color: #9aa4b2;
}

@media (max-width: 480px) {
	.ntb-float-btn {
		width: 52px;
		height: 52px;
		bottom: 18px;
	}
	.ntb-pos-left .ntb-float-btn { left: 18px; }
	.ntb-pos-right .ntb-float-btn { right: 18px; }
}
