/*
 * wp-login.php — стилі теми Euroizol Knowledge Center.
 *
 * Підключається через login_enqueue_scripts (functions.php) з filemtime-версією.
 * Дизайн-токени (assets/css/design/base.css): accent #1b968f / hover #17827c,
 * text #212121 / #687082, лінії #e7e7e7, радіус 10px, шрифт Montserrat.
 *
 * Шрифт Montserrat ЗАВАНТАЖУЄТЬСЯ ОКРЕМО (enqueue того самого Google-Fonts-URL,
 * що й на фронтенді — functions.php, handle euroizol-knowledge-center-fonts):
 * тут @import навмисно немає, щоб шрифт не вантажився двічі.
 *
 * Логотип — відносний шлях від цього файлу: assets/img/logo-hub.svg (324x55).
 */

/* ===== Logo ===== */
#login h1 a {
	background-image: url('../img/logo-hub.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 324px;
	height: 55px;
	margin: 0 auto 24px;
}

/* ===== Page Background ===== */
body.login {
	font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	color: #212121;
	background: linear-gradient(160deg, #ffffff 0%, #f5f5f5 100%);
}

/* ===== Form Container ===== */
.login form {
	border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #e7e7e7;
	padding: 28px 24px;
}

/* ===== Input Fields ===== */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	border-radius: 10px;
	border-color: rgba(130, 130, 130, 0.5);
	padding: 10px 14px;
	font-size: 15px;
	font-family: inherit;
	min-height: 48px;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: #1b968f;
	box-shadow: 0 0 0 1px #1b968f;
	outline: none;
}

/* ===== Submit Button ===== */
.login .button-primary {
	background: #1b968f;
	border-color: #1b968f;
	border-radius: 10px;
	padding: 8px 24px;
	font-family: inherit;
	font-weight: 500;
	font-size: 15px;
	text-shadow: none;
	transition: background 0.2s;
	min-height: 48px;
}

.login .button-primary:hover,
.login .button-primary:focus {
	background: #17827c;
	border-color: #17827c;
	box-shadow: 0 0 20px 0 rgba(27, 150, 143, 0.5);
}

/* ===== Checkbox (Запам'ятати мене) ===== */
.login .forgetmenot {
	margin-bottom: 16px;
}

.login .forgetmenot label {
	font-size: 14px;
	color: #687082;
}

/* ===== Password Visibility Toggle ===== */
.login .wp-hide-pw {
	border-radius: 0 10px 10px 0;
	border-color: rgba(130, 130, 130, 0.5);
	color: #687082;
}

.login .wp-hide-pw:hover {
	color: #1b968f;
}

/* ===== Notices & Messages ===== */
.login .notice,
.login .message,
.login .updated {
	border-radius: 10px;
	border-left: 4px solid #1b968f;
}

.login .notice-error {
	border-left-color: #af0000;
}

.login .notice-info {
	border-left-color: #1b968f;
}

/* ===== Navigation Links ===== */
.login #nav {
	font-size: 14px;
	padding: 0;
	margin: 16px 0 0;
}

.login #nav a {
	color: #1b968f;
	text-decoration: none;
}

.login #nav a:hover {
	color: #17827c;
	text-decoration: underline;
}

/* Hide "Відновити свій пароль" link to WordPress.org */
.login #nav a:last-child {
	display: none;
}

/* ===== Back to Site Link ===== */
.login #backtoblog {
	font-size: 13px;
	padding: 0;
	margin: 16px 0 0;
}

.login #backtoblog a {
	color: #687082;
	text-decoration: none;
}

.login #backtoblog a:hover {
	color: #1b968f;
}

/* ===== Language Switcher ===== */
.login .language-switcher {
	margin-top: 20px;
	padding: 12px 16px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	border: 1px solid #e7e7e7;
}

.login .language-switcher select {
	border-radius: 10px;
	border-color: rgba(130, 130, 130, 0.5);
	font-family: inherit;
	font-size: 13px;
	min-height: 36px;
}

.login .language-switcher .button {
	border-radius: 10px;
	font-family: inherit;
	font-size: 13px;
	min-height: 36px;
}