/**
 * Noosium wp-login.php 커스텀 스타일.
 *
 * wp-login.php(로그인/회원가입/비밀번호 찾기) 화면을 누슘 사이트 톤에 맞춘다.
 * functions.php의 login_enqueue_scripts 훅으로만 로드되며, 프론트 style.css와
 * 완전히 분리해 다른 세션의 style.css 작업과 충돌하지 않게 한다.
 *
 * 디자인 토큰 출처: theme.json
 *   highlight #6757E8 / hover #5646D4 / soft #EEEBFF
 *   contrast(text) #0C1B3A / page-bg #F6F7FB / base #FFFFFF
 *   border #E5E7EB / muted #6B7280 / button radius 999px / Pretendard
 *
 * @package Noosium
 */

/* ── 전체 배경 ─────────────────────────────────────────────── */
body.login {
	background: radial-gradient( 1200px 600px at 50% -10%, #EEEBFF 0%, #F6F7FB 55%, #F6F7FB 100% );
	color: #0C1B3A;
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

#login {
	width: 340px;
	padding: 6% 0 5%;
}

/* ── 로고 ─────────────────────────────────────────────────── */
.login h1 {
	margin-bottom: 22px;
}

.login h1 a {
	background-image: url( 'https://noosium.com/wp-content/uploads/2026/07/noosium-logo-v4-300x68.webp' );
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width: 210px;
	height: 56px;
	margin: 0 auto;
	text-indent: -9999px;
	overflow: hidden;
}

/* ── 폼 카드 ──────────────────────────────────────────────── */
.login form {
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 16px;
	box-shadow: 0 18px 40px -20px rgba( 12, 27, 58, 0.28 );
	padding: 30px 26px 26px;
	margin-top: 18px;
}

/* WP 코어 login.min.css의 #login form p / #login form p.submit 같은
   ID 기반 셀렉터가 클래스 셀렉터보다 명시도가 높아 항상 이기므로 !important로 강제 */
.login form .forgetmenot {
	clear: both;
	margin-bottom: 20px !important;
}

.login form .submit {
	clear: both;
	margin-top: 4px !important;
}

.login label {
	color: #0C1B3A;
	font-size: 14px;
}

/* ── 인풋 ─────────────────────────────────────────────────── */
.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	background: #F6F7FB;
	border: 1px solid #E5E7EB;
	border-radius: 10px;
	color: #0C1B3A;
	font-size: 15px;
	padding: 10px 12px;
	box-shadow: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	background: #FFFFFF;
	border-color: #6757E8;
	box-shadow: 0 0 0 3px rgba( 103, 87, 232, 0.18 );
	outline: none;
}

/* 비밀번호 보기 버튼 */
.login .button.wp-hide-pw {
	color: #6B7280;
}
.login .button.wp-hide-pw:hover {
	color: #6757E8;
}

/* ── 체크박스 ─────────────────────────────────────────────── */
.login input[type="checkbox"]:checked::before {
	color: #6757E8;
}
.login input[type="checkbox"]:focus {
	border-color: #6757E8;
	box-shadow: 0 0 0 2px rgba( 103, 87, 232, 0.25 );
}

/* ── 기본 버튼(로그인/등록) ───────────────────────────────── */
.login .button-primary,
.wp-core-ui .login .button-primary {
	background: #6757E8;
	border: none;
	border-radius: 999px;
	box-shadow: none;
	text-shadow: none;
	font-weight: 600;
	font-size: 15px;
	padding: 9px 18px;
	width: 100%;
	transition: background 0.15s ease, transform 0.05s ease;
}

.login .button-primary:hover,
.wp-core-ui .login .button-primary:hover,
.login .button-primary:focus,
.wp-core-ui .login .button-primary:focus {
	background: #5646D4;
	box-shadow: 0 8px 20px -8px rgba( 103, 87, 232, 0.6 );
}

.login .button-primary:active,
.wp-core-ui .login .button-primary:active {
	transform: translateY( 1px );
}

/* 등록 화면 안내 문구 여백 */
.login .message,
.login #reg_passmail {
	border-left-color: #6757E8;
	border-radius: 8px;
	background: #EEEBFF;
	color: #0C1B3A;
	box-shadow: none;
}

/* 에러 박스 */
.login #login_error {
	border-left-color: #FF6B5E;
	border-radius: 8px;
	background: #FFF1F0;
	box-shadow: none;
}

/* ── 하단 링크(등록/비밀번호 찾기/사이트로) ──────────────── */
.login #nav,
.login #backtoblog {
	text-align: center;
	padding: 0 24px;
	margin-top: 14px;
}

.login #nav a,
.login #backtoblog a {
	color: #6B7280;
	transition: color 0.15s ease;
}

.login #nav a:hover,
.login #backtoblog a:hover,
.login #nav a:focus,
.login #backtoblog a:focus {
	color: #6757E8;
}

/* 링크 포커스 아웃라인 */
.login a:focus {
	box-shadow: none;
	outline: 2px solid rgba( 103, 87, 232, 0.4 );
	outline-offset: 2px;
	border-radius: 4px;
}

/* 언어 선택 폼 — 한국 대상 사이트라 노출 불필요 */
.login .language-switcher {
	display: none;
}