/*
 * HukukUp branded login screen (wp-login.php).
 * Enqueued from inc/Login.php. Self-contained: main.css is not loaded here.
 */

:root {
	--bg: #f7f6f1;
	--surface: #ffffff;
	--ink: #16171c;
	--ink-2: #282a32;
	--muted: #6b6f79;
	--line: #e9e6de;
	--accent: #ff751f;
	--accent-d: #e85f0a;
	--accent-soft: #ffeee0;
	--f: "Manrope", system-ui, -apple-system, sans-serif;
	--fd: "Bricolage Grotesque", "Manrope", system-ui, sans-serif;
}

body.login {
	background: var(--bg);
	font-family: var(--f);
	color: var(--ink);
}

body.login #login {
	width: 350px;
	max-width: 92vw;
	padding: 6vh 0 24px;
}

/* Brand logo (image injected inline from the theme). */
body.login #login h1 a {
	width: 100%;
	height: 46px;
	margin: 0 auto 26px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* Card-style forms. */
body.login form {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: 18px;
	box-shadow: 0 12px 34px -14px rgb(22 23 28 / 22%);
	padding: 28px 26px;
	margin-top: 0;
}

body.login label {
	font-size: 14px;
	font-weight: 700;
	color: var(--ink-2);
}

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	font-family: var(--f);
	font-size: 15px;
	color: var(--ink);
	background: var(--bg);
	border: 1.5px solid var(--line);
	border-radius: 12px;
	padding: 11px 13px;
	transition:
		border-color 0.2s,
		box-shadow 0.2s;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
	border-color: var(--accent);
	box-shadow: 0 0 0 4px var(--accent-soft);
	outline: none;
}

/* Show/hide password button. */
body.login .wp-pwd button.wp-hide-pw {
	color: var(--muted);
}

body.login .wp-pwd button.wp-hide-pw:hover {
	color: var(--accent-d);
}

/* Remember me. */
body.login .forgetmenot label {
	font-weight: 600;
	color: var(--muted);
}

/* Primary submit button. */
body.login .wp-core-ui .button-primary {
	background: var(--accent);
	border: none;
	border-radius: 12px;
	box-shadow: 0 8px 20px -8px rgb(255 117 31 / 65%);
	font-family: var(--f);
	font-size: 15px;
	font-weight: 700;
	padding: 10px 18px;
	text-shadow: none;
	transition:
		background 0.2s,
		transform 0.18s,
		box-shadow 0.2s;
}

body.login .wp-core-ui .button-primary:hover,
body.login .wp-core-ui .button-primary:focus {
	background: var(--accent-d);
	transform: translateY(-1px);
	box-shadow: 0 12px 24px -8px rgb(255 117 31 / 60%);
}

/* Links under the form. */
body.login #nav,
body.login #backtoblog,
body.login .hukukup-back {
	text-align: center;
	padding: 0 24px;
}

body.login #nav a,
body.login #backtoblog a,
body.login .hukukup-back a {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--muted);
	transition: color 0.2s;
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .hukukup-back a:hover {
	color: var(--accent-d);
}

body.login .hukukup-back {
	margin-top: 6px;
}

/* Notices. */
body.login #login_error,
body.login .message,
body.login .notice {
	border-radius: 12px;
	border-left-width: 4px;
	box-shadow: none;
}

body.login #login_error {
	border-left-color: var(--accent-d);
}

body.login .message,
body.login .notice-success {
	border-left-color: var(--accent);
}

/* Language switcher. */
body.login .language-switcher {
	text-align: center;
}