/* Giriş / Kayıt sayfaları — modern tasarım
   Kapsam: body.eh-auth (class.php). Geri almak için class.php'deki enqueue'yu kaldırın
   ve _yedek_giris_kayit_2026-10-21 klasöründeki dosyaları geri yükleyin. */

body.eh-auth {
	--eh-p100: #E6EEFA;
	--eh-p200: #C0D3F3;
	--eh-p600: #3F68B6;
	--eh-p700: #315292;
	--eh-p900: #162649;
	--eh-mut: #6b7280;
}

/* ---------- FORM (masaüstü + mobil) ---------- */

body.eh-auth .register-form h2,
body.eh-auth .register-form .register-title {
	color: var(--eh-p900);
	font-weight: 600;
	letter-spacing: -.4px;
}

body.eh-auth .register-form h2 b,
body.eh-auth .register-form h2 strong,
body.eh-auth .register-form .register-title b {
	color: var(--eh-p900);
	font-weight: 600;
}

body.eh-auth .register-form h2 span,
body.eh-auth .register-form h2 strong {
	color: var(--eh-p600);
}

body.eh-auth .register-form label {
	font-size: 12.5px;
	font-weight: 500;
	color: #374151;
}

body.eh-auth .register-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not(.iti__search-input),
body.eh-auth .register-form select,
body.eh-auth .register-form .select2-container--default .select2-selection--single {
	height: 50px !important;
	border: 1.5px solid transparent !important;
	border-radius: 14px !important;
	background-color: #f4f6fa !important;
	font-size: 14px !important;
	color: #1f2a44 !important;
	box-shadow: none !important;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

body.eh-auth .register-form input:not([type=checkbox]):not([type=radio]):hover,
body.eh-auth .register-form select:hover {
	border-color: var(--eh-p200) !important;
	background-color: #fff !important;
}

body.eh-auth .register-form input:not([type=checkbox]):not([type=radio]):focus,
body.eh-auth .register-form select:focus {
	border-color: var(--eh-p600) !important;
	background-color: #fff !important;
	box-shadow: 0 0 0 4px rgba(63, 104, 182, .14) !important;
	outline: 0;
}

body.eh-auth .register-form input::placeholder {
	color: #9aa3b2 !important;
}

body.eh-auth .register-form .iti input {
	padding-left: 96px !important;
}

/* Onay kutuları ve açıklama yazıları */
body.eh-auth .register-form span:not(.iti span):not(.select2-selection__rendered):not(.select2-selection__arrow),
body.eh-auth .register-form p {
	color: #4b5563;
}

body.eh-auth .register-form span a,
body.eh-auth .register-form p a,
body.eh-auth .register-form .lost_password a {
	color: var(--eh-p600);
	font-weight: 500;
}

body.eh-auth .register-form input[type=checkbox] {
	width: 18px;
	height: 18px;
	border-radius: 6px;
	accent-color: var(--eh-p600);
}

/* Birincil buton */
body.eh-auth .register-form .btn-primary,
body.eh-auth .register-form .woocommerce-Button,
body.eh-auth .register-form .custom-login-button {
	height: 52px;
	width: 100%;
	border: 0;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--eh-p600), var(--eh-p700));
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-shadow: 0 12px 24px -8px rgba(63, 104, 182, .55);
	transition: transform .15s ease, box-shadow .15s ease;
}

body.eh-auth .register-form .btn-primary:hover,
body.eh-auth .register-form .woocommerce-Button:hover,
body.eh-auth .register-form .custom-login-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 16px 28px -8px rgba(63, 104, 182, .6);
}

/* Giriş sayfasındaki "kayıt ol" seçenekleri */
body.eh-auth .register-options {
	margin-top: 18px !important;
}

body.eh-auth .register-options a.register-option {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 50px;
	padding: 0 16px !important;
	border-radius: 14px !important;
	border: 1.5px solid var(--eh-p200) !important;
	background: #fff !important;
	color: var(--eh-p900) !important;
	font-size: 14px;
	transition: background-color .15s ease, border-color .15s ease;
}

body.eh-auth .register-options a.register-option:hover {
	background: var(--eh-p100) !important;
	border-color: var(--eh-p600) !important;
}

body.eh-auth .register-options a.register-option > div:first-child {
	font-size: 15px !important;
}

body.eh-auth .eh-hero-uygulama p {
	color: var(--eh-mut);
	font-size: 12.5px;
}

/* Doğrulama kutusu */
body.eh-auth .otp-box {
	border-radius: 12px !important;
	border-color: var(--eh-p200) !important;
	background: #f4f6fa;
}

/* Alan ikonları (CSS ile; mevcut <img> ikonları yoksa) */
body.eh-auth .register-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=password]):not([type=email]):not([type=tel]):not(.iti__search-input) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fb0cf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}
body.eh-auth .register-form input[type=email] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fb0cf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='3'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E") !important;
}
body.eh-auth .register-form input[type=password] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fb0cf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='3'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") !important;
}
body.eh-auth .register-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not(.iti__search-input):not([type=tel]) {
	background-repeat: no-repeat !important;
	background-position: 16px center !important;
	background-size: 18px !important;
	padding-left: 46px !important;
}

/* Şifremi unuttum */
body.eh-auth .lost_reset_password .form-row-first,
body.eh-auth .lost_reset_password .form-row {
	width: 100%;
	float: none;
}
body.eh-auth .register-form .lost_reset_password {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}
body.eh-auth img.login-bg {
	display: none;
}

/* Onay kutusu */
body.eh-auth .register-form input[type=checkbox] {
	-webkit-appearance: none;
	appearance: none;
	flex: none;
	border: 1.5px solid var(--eh-p200);
	background: #fff center / 12px no-repeat;
	cursor: pointer;
}
body.eh-auth .register-form input[type=checkbox]:checked {
	border-color: var(--eh-p600);
	background-color: var(--eh-p600);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") !important;
}

/* ---------- SOL KURUMSAL PANEL ---------- */

body.eh-auth .eh-auth-brand {
	display: none;
}

/* ---------- MASAÜSTÜ ---------- */
@media (min-width: 993px) {

	body.eh-auth .uzman-register .list-header {
		display: none;
	}

	body.eh-auth .uzman-register .list-body {
		margin: 0;
		padding: 24px 0 72px;
		background:
			radial-gradient(900px 420px at 85% -10%, var(--eh-p200), transparent 60%),
			radial-gradient(700px 420px at 0% 100%, var(--eh-p100), transparent 60%),
			#f4f7fc;
	}

	body.eh-auth img.register-bg {
		display: none;
	}

	body.eh-auth .register-layout {
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
		align-items: stretch;
		gap: 0;
		padding: 0;
		min-height: 640px;
		background: #fff;
		border: 0;
		border-radius: 32px;
		box-shadow: 0 30px 80px -20px rgba(22, 38, 73, .28);
	}

	body.eh-auth .register-layout:before,
	body.eh-auth .register-layout:after {
		display: none;
	}

	body.eh-auth .eh-auth-brand {
		display: flex;
		flex-direction: column;
		margin: 10px;
		padding: 48px 40px 34px;
		border-radius: 24px;
		background: linear-gradient(180deg, #EEF3FC, var(--eh-p100));
		color: var(--eh-p900);
	}

	body.eh-auth .eh-auth-brand__title {
		margin: 0 0 14px;
		font-size: 30px;
		line-height: 1.25;
		font-weight: 600;
		letter-spacing: -.6px;
		color: var(--eh-p900);
	}

	body.eh-auth .eh-auth-brand__desc {
		max-width: 340px;
		font-size: 15px;
		line-height: 1.65;
		color: #4b5563;
	}

	body.eh-auth .eh-auth-brand__certs {
		margin-top: auto;
		padding-top: 22px;
		border-top: 1px solid var(--eh-p200);
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 8px;
		align-items: center;
	}

	body.eh-auth .eh-auth-brand__certs img {
		width: 100%;
		aspect-ratio: 1;
		object-fit: contain;
		background: #fff;
		border-radius: 50%;
		padding: 2px;
		box-shadow: 0 4px 12px -6px rgba(22, 38, 73, .3);
	}

	body.eh-auth .register-layout .register-layout__form.side {
		width: auto;
		padding: 40px 56px;
		display: flex;
		align-items: center;
		background: transparent;
	}

	body.eh-auth .register-layout__form .register-form {
		width: 100%;
		max-width: 100%;
		padding: 0;
		background: transparent;
		box-shadow: none;
	}

	body.eh-auth .register-form h2,
	body.eh-auth .register-form .register-title {
		width: 100%;
		margin: 0 0 24px;
		text-align: left;
		font-size: 26px;
	}

	/* Adım etiketi ("Giriş Yap", "Kayıt Ol"...): küçük hap rozeti */
	body.eh-auth .register-form .step-header {
		justify-content: flex-start;
		margin-bottom: 16px !important;
	}

	body.eh-auth .register-form .step-header h3 {
		width: auto !important;
		padding: 7px 14px;
		border-radius: 999px;
		background: var(--eh-p100);
		color: var(--eh-p700) !important;
		font-size: 12.5px !important;
		font-weight: 600 !important;
		text-align: left !important;
	}
}

/* ---------- MOBİL: mevcut düzen korunur, sol panel yok ---------- */
@media (max-width: 992px) {
	body.eh-auth .eh-auth-brand {
		display: none !important;
	}
}