/* ================================
   FONT - YEKAN
================================ */
@font-face {
	font-family: 'Yekan';
	src: url('/fonts/Yekan.woff2') format('woff2'), url('/fonts/Yekan.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* ================================
   SWEETALERT2 BASE STYLE
================================ */
.swal2-popup {
	direction: rtl;
	font-family: 'Yekan', Vazirmatn, Tahoma, sans-serif;
	border-radius: 18px;
	padding: 20px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* ================================
   TITLE
================================ */
.swal2-title {
	font-family: 'Yekan', Vazirmatn, Tahoma, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}

/* ================================
   MESSAGE TEXT
================================ */
.swal2-html-container {
	font-family: 'Yekan', Vazirmatn, Tahoma, sans-serif;
	font-size: 15px;
	line-height: 2;
	color: #333;
}

/* ================================
   CONFIRM BUTTON
================================ */
.swal2-confirm {
	font-family: 'Yekan', Vazirmatn, Tahoma, sans-serif;
	font-size: 14px;
	border-radius: 10px;
	padding: 8px 25px;
	font-weight: normal;
}

/* ================================
   CANCEL BUTTON (if used)
================================ */
.swal2-cancel {
	font-family: 'Yekan', Vazirmatn, Tahoma, sans-serif;
	font-size: 14px;
	border-radius: 10px;
}

/* ================================
   ICONS SIZE FIX
================================ */
.swal2-icon {
	margin-top: 10px;
}

	/* ================================
   SUCCESS / ERROR COLORS IMPROVEMENT
================================ */
	.swal2-icon.swal2-success {
		border-color: #28a745;
	}

	.swal2-icon.swal2-error {
		border-color: #dc3545;
	}

/* ================================
   BACKDROP (BACKGROUND DARK)
================================ */
.swal2-container.swal2-backdrop-show {
	background: rgba(0, 0, 0, 0.4);
}

/* ================================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 576px) {
	.swal2-popup {
		width: 90% !important;
		font-size: 14px;
	}

	.swal2-title {
		font-size: 18px;
	}
}