/* LikeandLick — branded wp-login.php (login / lostpassword / reset / register) */

:root {
	--ll-terracotta: #9a3412;
	--ll-terracotta-soft: #c2410c;
	--ll-cream: #fffbeb;
	--ll-ink: #0f172a;
	--ll-surface: #ffffff;
	--ll-muted: #f8f2f0;
	--ll-muted-fg: #64748b;
	--ll-border: #f2e6e2;
	--ll-danger: #dc2626;
	--ll-radius: 1.15rem;
	--ll-radius-sm: 0.85rem;
	--ll-shadow: 0 10px 28px rgba(154, 52, 18, 0.1);
	--ll-font: "Atkinson Hyperlegible", system-ui, sans-serif;
	--ll-focus: 0 0 0 3px color-mix(in srgb, var(--ll-terracotta) 45%, transparent);
}

html[data-theme="dark"] {
	--ll-cream: #0f172a;
	--ll-ink: #f8fafc;
	--ll-surface: #1e293b;
	--ll-muted: #1e2937;
	--ll-muted-fg: #94a3b8;
	--ll-border: #334155;
	--ll-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

html {
	-webkit-text-size-adjust: 100%;
}

body.login.ll-login {
	margin: 0;
	min-height: 100dvh;
	background: var(--ll-cream);
	color: var(--ll-ink);
	font-family: var(--ll-font);
	line-height: 1.55;
}

body.login.ll-login #login {
	width: min(22.5rem, calc(100% - 2rem));
	padding: 1.5rem 0 2.5rem;
	margin: 0 auto;
}

body.login.ll-login .wp-login-logo {
	margin: 0 0 1rem;
}

body.login.ll-login h1 a,
body.login.ll-login .wp-login-logo a {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 9.5rem;
	height: 9.5rem;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	border-radius: 0.65rem;
}

body.login.ll-login h1 a:focus,
body.login.ll-login .wp-login-logo a:focus-visible {
	box-shadow: var(--ll-focus);
}

body.login.ll-login form {
	margin-top: 0;
	padding: 1.25rem 1.15rem 1.35rem;
	background: var(--ll-surface);
	border: 1px solid var(--ll-border);
	border-radius: var(--ll-radius);
	box-shadow: var(--ll-shadow);
	overflow: visible;
}

body.login.ll-login label {
	font-size: 0.92rem;
	font-weight: 700;
	color: var(--ll-ink);
	line-height: 1.4;
}

body.login.ll-login form .input,
body.login.ll-login input[type="text"],
body.login.ll-login input[type="password"],
body.login.ll-login input[type="email"],
body.login.ll-login input[type="number"] {
	font-family: inherit;
	font-size: 1rem;
	font-weight: 400;
	color: var(--ll-ink);
	background: var(--ll-surface);
	border: 1px solid var(--ll-border);
	border-radius: var(--ll-radius-sm);
	box-shadow: none;
	padding: 0.7rem 0.85rem;
	min-height: 44px;
	margin: 0.35rem 0 0.85rem;
}

body.login.ll-login form .input:focus,
body.login.ll-login input[type="text"]:focus,
body.login.ll-login input[type="password"]:focus,
body.login.ll-login input[type="email"]:focus {
	border-color: var(--ll-terracotta);
	box-shadow: var(--ll-focus);
}

body.login.ll-login .forgetmenot {
	float: none;
	margin: 0 0 1rem;
}

body.login.ll-login .forgetmenot label {
	font-weight: 400;
	color: var(--ll-muted-fg);
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 44px;
}

body.login.ll-login .submit {
	margin: 0;
	padding: 0;
}

body.login.ll-login.wp-core-ui .button,
body.login.ll-login.wp-core-ui .button-secondary,
body.login.ll-login .wp-core-ui .button,
body.login.ll-login .wp-core-ui .button-secondary {
	font-family: inherit;
	font-weight: 700;
	min-height: 44px;
	border-radius: 999px;
	border-color: var(--ll-border);
	background: var(--ll-muted);
	color: var(--ll-ink);
	box-shadow: none;
	text-shadow: none;
}

body.login.ll-login.wp-core-ui .button:hover,
body.login.ll-login.wp-core-ui .button-secondary:hover {
	border-color: var(--ll-terracotta);
	color: var(--ll-terracotta);
	background: color-mix(in srgb, var(--ll-terracotta) 10%, transparent);
}

body.login.ll-login.wp-core-ui .button-primary,
body.login.ll-login .wp-core-ui .button-primary {
	float: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0.55rem 1.15rem;
	background: var(--ll-terracotta);
	border-color: var(--ll-terracotta);
	color: #fff;
	border-radius: 999px;
	min-height: 44px;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	text-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

body.login.ll-login.wp-core-ui .button-primary:hover,
body.login.ll-login.wp-core-ui .button-primary:focus,
body.login.ll-login .wp-core-ui .button-primary:hover,
body.login.ll-login .wp-core-ui .button-primary:focus {
	background: var(--ll-terracotta-soft);
	border-color: var(--ll-terracotta-soft);
	color: #fff;
	box-shadow: var(--ll-focus);
}

body.login.ll-login .wp-core-ui .button-primary:active {
	background: var(--ll-terracotta);
	border-color: var(--ll-terracotta);
	transform: translateY(1px);
}

body.login.ll-login .button.wp-hide-pw {
	min-height: 44px;
	color: var(--ll-terracotta);
	background: transparent;
	border: 0;
	box-shadow: none;
}

body.login.ll-login .button.wp-hide-pw:hover,
body.login.ll-login .button.wp-hide-pw:focus {
	color: var(--ll-terracotta-soft);
	background: color-mix(in srgb, var(--ll-terracotta) 10%, transparent);
}

body.login.ll-login #nav,
body.login.ll-login #backtoblog {
	padding: 0.35rem 0.25rem;
	margin: 0.85rem 0 0;
	font-size: 0.95rem;
	text-align: center;
}

body.login.ll-login #nav a,
body.login.ll-login #backtoblog a,
body.login.ll-login .privacy-policy-page-link a,
body.login.ll-login a {
	color: var(--ll-terracotta);
	text-decoration: none;
}

body.login.ll-login #nav a:hover,
body.login.ll-login #backtoblog a:hover,
body.login.ll-login a:hover {
	color: var(--ll-terracotta-soft);
}

body.login.ll-login .ll-login-back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.4rem 1rem;
	border-radius: 999px;
	border: 1px solid var(--ll-border);
	background: transparent;
	color: var(--ll-ink);
	font-weight: 700;
}

body.login.ll-login .ll-login-back:hover {
	color: var(--ll-terracotta);
	background: color-mix(in srgb, var(--ll-terracotta) 10%, transparent);
}

body.login.ll-login .message,
body.login.ll-login .success,
body.login.ll-login #login_error {
	border-radius: var(--ll-radius-sm);
	border-width: 0 0 0 4px;
	box-shadow: none;
	margin: 0 0 1rem;
	padding: 0.85rem 1rem;
	font-size: 0.95rem;
}

body.login.ll-login #login_error {
	background: color-mix(in srgb, var(--ll-danger) 10%, var(--ll-surface));
	border-color: var(--ll-danger);
	color: var(--ll-ink);
}

body.login.ll-login .message,
body.login.ll-login .success {
	background: var(--ll-muted);
	border-color: var(--ll-terracotta);
	color: var(--ll-ink);
}

body.login.ll-login #language-switcher,
body.login.ll-login .language-switcher {
	display: none !important;
}

body.login.ll-login .privacy-policy-page-link {
	text-align: center;
	margin: 0.5rem 0 0;
}

body.login.ll-login #pass-strength-result {
	border-radius: var(--ll-radius-sm);
	margin: 0 0 0.75rem;
}

body.login.ll-login .indicator-hint {
	color: var(--ll-muted-fg);
}

body.login.ll-login.interim-login {
	background: transparent;
}

@media (min-width: 720px) {
	body.login.ll-login #login {
		padding-top: 3.5rem;
	}

	body.login.ll-login h1 a,
	body.login.ll-login .wp-login-logo a {
		width: 11rem;
		height: 11rem;
	}
}