/* ==========================================================================
   Eğitim Kutusu — Giriş Modalı
   ========================================================================== */

:root {
	--ek-login-z: 100050;
}

/* Ensure modal escapes any parent stacking context */
.tutor-login-modal.tutor-modal {
	z-index: var(--ek-login-z) !important;
}

.tutor-login-modal.tutor-modal .tutor-modal-overlay {
	z-index: 0;
	background: rgba(24, 17, 60, 0.72);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	opacity: 1;
	transition: opacity 0.25s ease;
}

.tutor-login-modal.tutor-modal .tutor-modal-window {
	z-index: 1;
	max-width: 440px;
	min-height: auto;
	margin: 1.5rem auto;
	align-items: center;
}

.tutor-login-modal .tutor-modal-content {
	border: 1px solid #eae7f5;
	border-radius: 1.15rem;
	background: #fff;
	box-shadow: 0 24px 64px rgba(24, 17, 60, 0.2);
	overflow: hidden;
	transform: translateY(12px) scale(0.98);
	opacity: 0;
	transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
}

.tutor-login-modal.tutor-is-active .tutor-modal-content {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.tutor-login-modal .tutor-modal-body {
	padding: 2rem 2rem 1.75rem !important;
}

.tutor-login-modal .tutor-modal-close-o {
	top: 1rem;
	right: 1rem;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #5c5776;
	background: #f6f5ff;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.tutor-login-modal .tutor-modal-close-o:hover {
	background: rgba(117, 79, 254, 0.14);
	color: #754ffe;
	transform: scale(1.05);
}

.tutor-login-modal .tutor-modal-body h1 {
	font-size: 1.65rem;
	letter-spacing: -0.02em;
	color: #18113c;
}

.tutor-login-modal .form-label {
	font-size: 0.875rem !important;
	font-weight: 600;
	color: #334155;
	margin-bottom: 0.35rem;
}

.tutor-login-modal .form-control {
	min-height: 2.85rem;
	border-radius: 0.65rem;
	border-color: #e2e8f0;
	padding-left: 0.95rem;
	padding-right: 0.95rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.tutor-login-modal .form-control:focus {
	border-color: #754ffe;
	box-shadow: 0 0 0 0.2rem rgba(117, 79, 254, 0.16);
}

.tutor-login-modal .btn-primary {
	min-height: 2.85rem;
	border-radius: 0.65rem;
	font-weight: 700;
	background: #754ffe !important;
	border-color: #754ffe !important;
	box-shadow: 0 10px 24px rgba(117, 79, 254, 0.32);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tutor-login-modal .btn-primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 28px rgba(117, 79, 254, 0.38);
}

.tutor-login-modal .tutor-login-rememeber-wrap a {
	color: #754ffe;
	font-weight: 600;
	text-decoration: none;
}

.tutor-login-modal .tutor-login-rememeber-wrap a:hover {
	text-decoration: underline;
}

.tutor-login-modal .tutor-modal-body .fs-6 a {
	color: #754ffe;
	font-weight: 600;
}

body.ek-login-open {
	overflow: hidden;
}

@media (max-width: 575.98px) {
	.tutor-login-modal .tutor-modal-body {
		padding: 1.5rem 1.25rem 1.35rem !important;
	}

	.tutor-login-modal.tutor-modal .tutor-modal-window {
		margin: 0.75rem auto;
	}
}