/* wp-login.php의 로그인 화면 CSS(login) 위에 얹는 추가분. /login 과 wp-login.php 둘 다 쓴다. */

/* WordPress 로고 대신 사이트 이름 */
.login h1 a {
	background-image: none !important;
	width: auto;
	height: auto;
	margin: 0 auto 24px;
	text-indent: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
	color: #1d2327;
}

.kbpc-step[hidden],
#kbpc-message[hidden] {
	display: none;
}

.login .message.kbpc-error {
	border-left-color: #d63638;
}

#kbpc-login #kbpc-message {
	margin-bottom: 16px;
}

/* 모바일에서 누르기 쉽게 버튼을 가득 채운다 */
#kbpc-login .button-primary {
	float: none;
	width: 100%;
}

#kbpc-login .kbpc-code {
	text-align: center;
	letter-spacing: 0.3em;
}

#kbpc-timer {
	margin: 0 0 16px;
	color: #50575e;
	font-size: 13px;
}

#kbpc-login .kbpc-links {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 16px 0 0;
	font-size: 13px;
}

#kbpc-login .kbpc-links .button-link {
	text-align: left;
}

#kbpc-login .kbpc-links .button-link:disabled {
	color: #787c82;
	text-decoration: none;
	cursor: default;
}