/*
 * wp-login markalama (spec 2026-08-24) — SALT gorunum.
 *
 * Mantiga sifir dokunus: WP'nin kendi form/anahtar/cerez akisi aynen
 * calisir. Bu dosya yalniz login_enqueue_scripts ile wp-login
 * ekranlarina yuklenir (LoginStyler); site geneline ASLA girmez.
 *
 * Renkler sa-public.css paletinin kopyasidir (wp-login'de :root
 * degiskenlerimiz yok cunku sa-public.css yuklenmez):
 * lacivert #043673, koyu lacivert #032a5a, kirmizi #a90432,
 * acik pembe #fdeef1, metin #1d2939, soluk #667085, cerceve #e4e7ec.
 * Kontrast: #043673/#fff = 11.8, AA (hesap: Task 2 Step 3).
 */

body.login {
	background: #f4f6fa;
}

/* Form karti: oyundaki sa-card dili */
body.login #login form {
	border: 1px solid #e4e7ec;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(16, 24, 40, .08);
	padding: 26px 24px;
}

body.login #login form .input,
body.login #login form input[type="text"],
body.login #login form input[type="password"] {
	border-radius: 8px;
	border-color: #e4e7ec;
	min-height: 44px;
}

body.login #login form .input:focus,
body.login #login form input[type="text"]:focus,
body.login #login form input[type="password"]:focus {
	border-color: #043673;
	box-shadow: 0 0 0 2px rgba(4, 54, 115, .25);
}

/* Birincil dugme: marka lacivert (#043673/#fff = 11.8, AA) */
body.login .wp-core-ui .button-primary {
	background: #043673;
	border-color: #043673;
	border-radius: 8px;
	min-height: 44px;
	font-weight: 600;
	text-shadow: none;
}

body.login .wp-core-ui .button-primary:hover,
body.login .wp-core-ui .button-primary:focus {
	background: #032a5a;
	border-color: #032a5a;
}

body.login .wp-core-ui .button-primary:focus {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(4, 54, 115, .5);
}

/* Bildirimler: oyundaki uyari/bilgi kutu dili */
body.login #login_error {
	border-left: 4px solid #a90432;
	background: #fdeef1;
	border-radius: 0 8px 8px 0;
}

body.login .message,
body.login .success {
	border-left: 4px solid #043673;
	border-radius: 0 8px 8px 0;
}

/* Alt baglantilar: soluk ama okunur */
body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
	color: #667085;
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover {
	color: #043673;
}

/* Dar ekran: WP kendi responsive kurallarini getirir; yalniz kart
   bosluklari daraltilir, genislik kurallarina DOKUNULMAZ. */
@media (max-width: 480px) {
	body.login #login form {
		padding: 20px 16px;
	}
}