/* Koman Dernek — giriş ekranları (wp-login.php) */
:root {
	--fir: #17382b; --fir-2: #24543f; --fir-3: #3d7258;
	--snow: #f4f6f5; --snow-2: #e7ecea; --wheat: #d6a536; --wheat-soft: #f3e4bd;
	--madder: #8f2d27; --stone: #5a6660; --ink: #1a2420; --line: #d5ddd9;
	--serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, "Noto Serif", "DejaVu Serif", Georgia, serif;
	--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
	--kilim: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 24'%3E%3Crect width='56' height='24' fill='%2317382b'/%3E%3Crect width='56' height='1.6' fill='%23d6a536'/%3E%3Crect y='22.4' width='56' height='1.6' fill='%23d6a536'/%3E%3Cpath d='M28 3l11 9-11 9-11-9z' fill='%238f2d27'/%3E%3Cpath d='M28 7.5l5.5 4.5-5.5 4.5-5.5-4.5z' fill='%23d6a536'/%3E%3Cpath d='M28 10.4l2 1.6-2 1.6-2-1.6z' fill='%2317382b'/%3E%3Cpath d='M0 6l5 6-5 6zM56 6l-5 6 5 6z' fill='%23d6a536'/%3E%3Cpath d='M9 12h3M44 12h3' stroke='%23f4f6f5' stroke-width='1.4'/%3E%3C/svg%3E");
}

body.login {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(22rem, 34rem);
	min-height: 100vh;
	margin: 0;
	background: var(--snow);
	font-family: var(--sans);
	color: var(--ink);
}
body.login.interim-login { display: block; }

/* sol panel */
.kl-side { position: relative; overflow: hidden; background: var(--fir); color: var(--snow); padding: 2.5rem clamp(1.5rem, 4vw, 3.5rem); display: flex; flex-direction: column; min-height: 100vh; box-sizing: border-box; }
.kl-brand { display: flex; align-items: center; gap: .75rem; color: var(--snow); text-decoration: none; position: relative; z-index: 2; }
.kl-brand:hover, .kl-brand:focus { color: #fff; }
.kl-brand svg { width: 2.6rem; height: 2.6rem; color: var(--wheat); flex: none; }
.kl-brand span { display: flex; flex-direction: column; font-size: .8rem; line-height: 1.2; opacity: .9; }
.kl-brand b { font-family: var(--serif); font-size: 1.3rem; }
.kl-word { font-family: var(--serif); font-weight: 700; font-size: clamp(5rem, 11vw, 10rem); line-height: .85; letter-spacing: -.035em; margin: auto 0 1rem; position: relative; z-index: 2; }
.kl-lede { font-family: var(--serif); font-size: 1.3rem; line-height: 1.45; max-width: 26ch; color: #dfe7e3; margin: 0 0 14rem; position: relative; z-index: 2; }
.kl-side .ridges { position: absolute; left: 0; right: 0; bottom: 24px; width: 100%; height: 15rem; }
.kl-side .ridges__far { fill: #2c5d47; } .kl-side .ridges__snow { fill: var(--snow); opacity: .9; } .kl-side .ridges__mid { fill: #21503c; } .kl-side .ridges__firs { fill: #12301f; } .kl-side .ridges__near { fill: #102a1f; }
.kl-kilim { position: absolute; left: 0; right: 0; bottom: 0; height: 24px; background: var(--kilim) repeat-x left center / 56px 24px; }

/* sağ: form sütunu */
#login { width: auto; max-width: 25rem; margin: 0 auto; padding: clamp(2rem, 8vh, 6rem) 1.5rem 2rem; align-self: center; box-sizing: border-box; }
.login h1.wp-login-logo, .login h1 { display: none; }
.kl-head { margin-bottom: 1.5rem; }
.kl-head h2 { font-family: var(--serif); font-size: 2rem; line-height: 1.15; margin: 0 0 .5rem; color: var(--ink); font-weight: 700; }
.kl-head p { margin: 0; color: var(--stone); font-size: .95rem; line-height: 1.5; }

.login form { margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; overflow: visible; }
.login label { font-size: .9rem; font-weight: 600; color: var(--ink); margin-bottom: .35rem; display: inline-block; }
.login form .input, .login input[type=text], .login input[type=password], .login input[type=email] {
	font-size: 1.05rem; padding: .7rem .85rem; min-height: 3rem; border: 1px solid #b7c3bd; border-radius: 6px; background: #fff; box-shadow: none; margin: 0 0 1.1rem;
}
.login form .input:focus, .login input[type=text]:focus, .login input[type=password]:focus { border-color: var(--fir-2); box-shadow: 0 0 0 3px rgba(214, 165, 54, .45); outline: none; }
.login .wp-pwd { margin-bottom: 0; }
.login .button.wp-hide-pw { color: var(--fir-2); min-height: 3rem; height: 3rem; top: 0; }
.login .button.wp-hide-pw:focus { border-color: var(--fir-2); box-shadow: 0 0 0 2px var(--wheat); }
.login .forgetmenot { float: none; margin-bottom: 1.25rem; }
.login .forgetmenot label { font-weight: 400; }
.login input[type=checkbox] { border-color: #8a9993; }
.login input[type=checkbox]:checked::before { content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2324543f%27%2F%3E%3C%2Fsvg%3E"); }
.login .submit { float: none; }
.login .button-primary, .login #wp-submit {
	float: none; width: 100%; min-height: 3rem; font-size: 1rem; font-weight: 600; border-radius: 6px;
	background: var(--fir); border-color: var(--fir); color: var(--snow); text-shadow: none; box-shadow: none;
}
.login .button-primary:hover, .login .button-primary:focus { background: var(--fir-2); border-color: var(--fir-2); color: #fff; }
.login .button-primary:focus { box-shadow: 0 0 0 3px var(--wheat); }
.login .button-secondary { color: var(--fir-2); border-color: var(--fir-3); }

/* iki adımlı doğrulama alanı (Koman Üye & Aidat) */
.login .kua-otp-field { margin-top: .25rem; padding-top: 1rem; border-top: 1px dashed var(--line); }
.login .kua-otp-field small { font-weight: 400; color: var(--stone); }
.login .kua-otp-field input { letter-spacing: .3em; font-variant-numeric: tabular-nums; }

/* bildirimler */
.login #login_error, .login .message, .login .notice, .login .success {
	margin: 0 0 1.25rem; padding: .8rem 1rem; border: 0; border-left: 4px solid var(--fir-3); border-radius: 0 6px 6px 0; background: #e2f1e8; box-shadow: none; color: var(--ink);
}
.login #login_error, .login .notice-error { border-left-color: var(--madder); background: #fbeeee; }

/* alt bağlantılar */
.login #nav, .login #backtoblog { margin: 1.25rem 0 0; padding: 0; font-size: .95rem; }
.login #nav a, .login #backtoblog a { color: var(--fir-2); text-decoration: underline; text-underline-offset: .18em; }
.login #nav a:hover, .login #backtoblog a:hover { color: var(--madder); }
.login #backtoblog { display: flex; flex-direction: column; gap: 1rem; }
.kl-join { display: block; padding: 1rem 1.1rem; border-radius: 6px; background: var(--wheat-soft); color: #4d3d14; }
.kl-join a { font-weight: 600; color: var(--ink) !important; }
.login .privacy-policy-page-link { margin: 2rem 0 0; text-align: left; }
.login .privacy-policy-page-link a { color: var(--stone); }

/* şifre gücü göstergesi */
.login #pass-strength-result { border-radius: 4px; margin-bottom: 1rem; }
.login .pw-weak { margin-bottom: 1rem; }

/* dar ekranlar: panel üstte kısa bant olur */
@media (max-width: 52rem) {
	body.login { grid-template-columns: 1fr; align-content: start; }
	.kl-side { min-height: 0; padding: 1rem 1.25rem calc(1rem + 24px); }
	.kl-word, .kl-lede, .kl-side .ridges { display: none; }
	#login { padding-top: 1.75rem; max-width: 30rem; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }
body.login > .clear, body.login > .language-switcher { display: none; }
.login details.kua-otp-field { margin: 0 0 1rem; padding: .75rem 0 0; border-top: 1px dashed var(--line); font-size: .88rem; color: var(--stone); }
.login details.kua-otp-field summary { cursor: pointer; }
.login details.kua-otp-field p { margin-top: .75rem; }
.login details.kua-otp-field input { letter-spacing: .3em; font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) { .login form.shake { animation: none; } }