/**
 * Onlyplans – wp-login.php perstilizavimas.
 *
 * Apima VISUS wp-login.php vaizdus, nes jie dalijasi ta pačia markup'o
 * struktūra: prisijungimą (#loginform), registraciją (#registerform) ir
 * slaptažodžio atstatymą (#lostpasswordform). Plus plugino pridėtą sutikimo
 * lauką (.gp-consent).
 *
 * Dizaino kalba ta pati kaip įrankyje: šiltas popierius, rašalo tekstas, vienas
 * prislopintas akcentas, serifinis wordmark'as, plauko linijos, JOKIŲ kortelių
 * ar šešėlių. Tokenai hardkodinti (login puslapis nemato temos CSS kintamųjų).
 */

.login {
	--paper: #f3efe6;
	--paper-2: #ece7da;
	--ink: #1b1813;
	--ink-soft: #6b6457;
	--ink-faint: #9a9384;
	--line: rgba( 27, 24, 19, 0.11 );
	--line-strong: rgba( 27, 24, 19, 0.22 );
	--accent: #27425f;
	--accent-ghost: rgba( 39, 66, 95, 0.13 );
	--risk: #a65644;
	--serif: "Newsreader", Georgia, serif;
	--sans: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
}

/* -------------------------------------------------------------------------
 * Puslapis ir konteineris
 * ---------------------------------------------------------------------- */

body.login {
	background: var( --paper );
	color: var( --ink );
	font-family: var( --sans );
	font-size: 15px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body.login #login {
	width: 400px;
	max-width: 92vw;
	padding: clamp( 32px, 8vh, 80px ) 0 24px;
}

body.login ::selection {
	background: var( --accent-ghost );
}

/* -------------------------------------------------------------------------
 * Wordmark'as (vietoj WP logo) – serifinis, kursyvas, kairėje
 * ---------------------------------------------------------------------- */

body.login h1 {
	margin: 0 0 26px;
	text-align: left;
}

body.login h1 a {
	background: none;
	width: auto;
	height: auto;
	margin: 0;
	text-indent: 0;
	font-family: var( --serif );
	font-style: italic;
	font-weight: 400;
	font-size: 36px;
	letter-spacing: -0.02em;
	line-height: 1.05;
	color: var( --ink );
	text-decoration: none;
	overflow: visible;
}

body.login h1 a:hover,
body.login h1 a:focus {
	color: var( --accent );
	box-shadow: none;
}

/* -------------------------------------------------------------------------
 * Forma – be kortelės: skaidri, be rėmelio/šešėlio, plauko linija viršuje
 * ---------------------------------------------------------------------- */

body.login form {
	margin-top: 0;
	padding: 28px 0 0;
	background: transparent;
	border: 0;
	border-top: 1px solid var( --line );
	box-shadow: none;
	border-radius: 0;
	font-weight: 400;
	overflow: visible;
}

body.login form .forgetmenot {
	font-weight: 400;
}

/* Laukų etiketės. */
body.login label {
	color: var( --ink-soft );
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: -0.005em;
	line-height: 1.5;
}

/* -------------------------------------------------------------------------
 * Įvesties laukai (kaip .gp-input įrankyje)
 * ---------------------------------------------------------------------- */

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"],
body.login input[type="tel"],
body.login input[type="url"],
body.login .input {
	font-family: var( --sans );
	font-size: 16px;
	line-height: 1.5;
	color: var( --ink );
	background: var( --paper );
	border: 1px solid var( --line-strong );
	border-radius: 2px;
	padding: 13px 14px;
	margin: 4px 0 0;
	box-shadow: none;
}

body.login input[type="text"]::placeholder,
body.login input[type="password"]::placeholder,
body.login input[type="email"]::placeholder {
	color: var( --ink-faint );
}

/* Ramus focus: akcento rėmelis + švelnus akcento žiedas (vienintelis šešėlis). */
body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus,
body.login input[type="tel"]:focus,
body.login input[type="url"]:focus,
body.login .input:focus {
	border-color: var( --accent );
	box-shadow: 0 0 0 3px var( --accent-ghost );
	outline: 2px solid transparent;
}

/* Slaptažodžio rodymo/slėpimo mygtukas – išlaikom funkciją, tik prislopinam. */
body.login .wp-pwd {
	display: flex;
	align-items: stretch;
}

body.login .wp-pwd .input {
	flex: 1;
}

body.login .wp-pwd .button.wp-hide-pw {
	background: transparent;
	border: 1px solid var( --line-strong );
	border-left: 0;
	border-radius: 0 2px 2px 0;
	color: var( --ink-soft );
	box-shadow: none;
	margin: 4px 0 0;
}

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

/* Žymimieji langeliai (Remember Me ir kt.) – akcento spalva. */
body.login input[type="checkbox"] {
	border: 1px solid var( --line-strong );
	border-radius: 2px;
	accent-color: var( --accent );
}

body.login input[type="checkbox"]:checked::before {
	color: var( --accent );
}

/* -------------------------------------------------------------------------
 * Mygtukai (kaip .gp-btn--primary: akcento užpildas, hover → rašalas)
 * ---------------------------------------------------------------------- */

body.login .button-primary,
body.login #wp-submit {
	display: block;
	width: 100%;
	float: none;
	font-family: var( --sans );
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.01em;
	line-height: 1;
	text-align: center;
	text-shadow: none;
	padding: 14px 26px;
	height: auto;
	margin-top: 6px;
	background: var( --accent );
	border: 1px solid var( --accent );
	border-radius: 2px;
	color: var( --paper );
	box-shadow: none;
	transition: background 0.25s ease, border-color 0.25s ease;
}

body.login .button-primary:hover,
body.login #wp-submit:hover,
body.login .button-primary:focus,
body.login #wp-submit:focus,
body.login .button-primary:active,
body.login #wp-submit:active {
	background: var( --ink );
	border-color: var( --ink );
	color: var( --paper );
	box-shadow: none;
}

body.login .button-primary:focus,
body.login #wp-submit:focus {
	outline: 2px solid transparent;
	box-shadow: 0 0 0 3px var( --accent-ghost );
}

/* -------------------------------------------------------------------------
 * Nuorodos po forma (#nav, #backtoblog) + privatumo nuoroda
 * ---------------------------------------------------------------------- */

body.login #nav,
body.login #backtoblog {
	padding: 0;
	margin: 22px 0 0;
	text-align: left;
	font-size: 13px;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a,
body.login a {
	color: var( --accent );
	text-decoration: none;
	transition: color 0.2s ease;
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover,
body.login a:hover {
	color: var( --ink );
	text-decoration: underline;
}

body.login #backtoblog {
	margin-top: 10px;
}

body.login .privacy-policy-page-link {
	margin-top: 24px;
}

/* „Slaptažodis bus išsiųstas el. paštu" ir pan. pagalbinis tekstas. */
body.login #reg_passmail,
body.login .login .message + p,
body.login p.message:not( #login_error ) {
	font-size: 13px;
	color: var( --ink-soft );
}

/* -------------------------------------------------------------------------
 * Žinutės ir klaidos (redakcinis kairysis rėmelis, ne dėžutė su šešėliu)
 * ---------------------------------------------------------------------- */

body.login #login .message,
body.login #login .success,
body.login #login #login_error,
body.login #login .notice {
	background: var( --paper-2 );
	border: 0;
	border-left: 2px solid var( --line-strong );
	border-radius: 0;
	box-shadow: none;
	padding: 14px 16px;
	margin: 0 0 22px;
	font-size: 14px;
	line-height: 1.55;
	color: var( --ink );
}

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

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

/* -------------------------------------------------------------------------
 * GDPR sutikimo laukas (plugino .gp-consent registracijos formoje)
 * ---------------------------------------------------------------------- */

body.login .gp-consent {
	margin: 18px 0 8px;
}

body.login .gp-consent label {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.55;
	color: var( --ink-soft );
}

body.login .gp-consent input[type="checkbox"] {
	margin: 2px 0 0;
	flex-shrink: 0;
}

body.login .gp-consent a {
	color: var( --accent );
	text-decoration: underline;
}

body.login .gp-consent a:hover {
	color: var( --ink );
}

/* -------------------------------------------------------------------------
 * Kalbos perjungiklis apačioje
 * ---------------------------------------------------------------------- */

body.login .language-switcher {
	margin-top: 28px;
}

body.login .language-switcher select {
	border: 1px solid var( --line-strong );
	border-radius: 2px;
	background: var( --paper );
	color: var( --ink );
}