/* ===================================================================
   피터캣클럽 — 계정 화면 (로그인·회원가입·비밀번호 찾기, 시안 없음 · 규칙표 DL)

   폼 마크업: cosmosfarm-members(default 스킨) + WP-Members 가입 필드. 로그인 방식·필드는 그대로.
   - 폼 폭 440(DL-05), 입력 DL-30, 1차 버튼 DL-18, 2차 버튼 DL-19
   - 소셜 버튼은 각 사 브랜드 색 유지(네이버 #03C75A · 카카오 #FEE500 · 구글 흰색) — 모양만 pill·그림자 0
   - 폼 안 옛 로고 이미지(English lounge)는 헤더 로고와 겹치고 옛 브랜딩이라 숨긴다
   =================================================================== */

/* ===================
   3. Layout
   =================== */

.pc-account .pc-main,
.pc-account .pc-builder-page {
	max-width: calc(440px + 2 * var(--pc-space-4));
	margin: 0 auto;
	padding: var(--pc-space-8) var(--pc-space-4) var(--pc-space-9);
}

.pc-account .pc-page-title {
	margin-bottom: var(--pc-space-5);
}

/* Elementor 컨테이너 여백 걷기(폼이 가운데 440 안에 오도록) */
.pc-account .elementor-section.elementor-section-boxed > .elementor-container,
.pc-account .e-con {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* 회원가입 상단 문구(Elementor 제목 위젯) — 부제(DL-13) 모양 */
.pc-account .elementor-heading-title {
	font-family: var(--pc-font) !important;
	font-size: var(--pc-fs-15) !important;
	font-weight: 700 !important;
	line-height: 1.7 !important;
	color: var(--pc-black) !important;
	text-align: center;
}

.pc-account .cosmosfarm-members-form,
.pc-account .login-container {
	width: 100%;
	max-width: 440px;
	margin: 0 auto;
	font-family: var(--pc-font);
	color: var(--pc-ink);
}

.pc-account .login-container {
	gap: var(--pc-space-5) !important;
}

.pc-account .login-container .logo-link,
.pc-account .login-container .login-header .logo-link {
	display: none !important;
}

/* ===================
   4. Components
   =================== */

/* 소셜 버튼 — pill 48, 그림자 0 */
.pc-account .social-login-section,
.pc-account .cosmosfarm-social-login {
	width: 100%;
}

.pc-account .social-login-section a,
.pc-account .social-login-section .social-button,
.pc-account .social-login-section .email-button {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 48px;
	border-radius: var(--pc-radius-pill) !important;
	box-shadow: none !important;
	font-size: var(--pc-fs-15);
	font-weight: 700;
	text-decoration: none;
}

.pc-account .google-button .social-button {
	border: var(--pc-line-width) solid var(--pc-black) !important;
	background: var(--pc-white) !important;
	color: var(--pc-black) !important;
}

/* 이메일로 로그인 — 2차 버튼(DL-19) */
.pc-account .social-login-section .email-button,
.pc-account .email-login-link a {
	border: var(--pc-line-width) solid var(--pc-black) !important;
	background: var(--pc-white) !important;
	color: var(--pc-black) !important;
}

.pc-account .social-login-section hr {
	height: 1px;
	margin: var(--pc-space-4) 0;
	border: 0;
	background: var(--pc-gray-line) !important;
}

.pc-account .social-login-section a:hover {
	transform: translateY(-2px);
}

/* 입력 — DL-30 */
.pc-account .cosmosfarm-members-form input[type="text"],
.pc-account .cosmosfarm-members-form input[type="email"],
.pc-account .cosmosfarm-members-form input[type="password"],
.pc-account .cosmosfarm-members-form input[type="tel"],
.pc-account .cosmosfarm-members-form select,
.pc-account .cosmosfarm-members-form textarea,
.pc-account #wpmem_reg input.textbox,
.pc-account #wpmem_login input.textbox,
.pc-account .form-input {
	width: 100%;
	min-height: 48px;
	padding: 0 var(--pc-space-4);
	border: var(--pc-line-width) solid var(--pc-black) !important;
	border-radius: 0 !important;
	background: var(--pc-white) !important;
	box-shadow: none !important;
	font-size: var(--pc-fs-16);
	color: var(--pc-ink) !important;
}

.pc-account .cosmosfarm-members-form input:focus,
.pc-account .cosmosfarm-members-form select:focus,
.pc-account .cosmosfarm-members-form textarea:focus {
	outline: 2px solid var(--pc-ink);
	outline-offset: 2px;
}

.pc-account .cosmosfarm-members-form label,
.pc-account .cosmosfarm-members-form label.text {
	font-size: var(--pc-fs-14);
	font-weight: 700;
	color: var(--pc-ink);
}

.pc-account .cosmosfarm-members-form input[type="checkbox"],
.pc-account .cosmosfarm-members-form input[type="radio"] {
	width: 18px;
	height: 18px;
	accent-color: var(--pc-black);
}

/* 1차 버튼 — 로그인·가입 제출(DL-18) */
.pc-account .cosmosfarm-members-form input[type="submit"],
.pc-account .cosmosfarm-members-form button[type="submit"],
.pc-account .cosmosfarm-members-form .login-button,
.pc-account #wpmem_reg input[type="submit"],
.pc-account #wpmem_login input[type="submit"] {
	width: 100%;
	min-height: 48px;
	border: 0 !important;
	border-radius: var(--pc-radius-pill) !important;
	background: var(--pc-purple-deep) !important;
	box-shadow: none !important;
	font-size: var(--pc-fs-15);
	font-weight: 700;
	color: var(--pc-on-dark) !important;
	cursor: pointer;
}

/* 보조 버튼 — 중복확인 등(DL-19) */
.pc-account .cosmosfarm-members-form button.button:not([type="submit"]),
.pc-account .cosmosfarm-members-form .button:not([type="submit"]) {
	min-height: 48px;
	padding: 0 var(--pc-space-4);
	border: var(--pc-line-width) solid var(--pc-black) !important;
	border-radius: var(--pc-radius-pill) !important;
	background: var(--pc-white) !important;
	color: var(--pc-black) !important;
	font-weight: 700;
}

/* "또는 이메일로 가입하기" 펼침 — 옛 #888(3.5:1) → muted + 44px */
.pc-account .signup-form-divider,
.pc-account .email-signup-toggle {
	min-height: 44px;
	border: 0;
	background: transparent;
	font-size: var(--pc-fs-14);
	font-weight: 700;
	color: var(--pc-ink-muted) !important;
	cursor: pointer;
}

.pc-account .signup-form-divider::before,
.pc-account .signup-form-divider::after {
	background: var(--pc-gray-line) !important;
}

/* 비밀번호 찾기 · 회원가입 링크 */
.pc-account .login-options a,
.pc-account .cosmosfarm-members-form a:not(.social-button):not(.email-button) {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--pc-ink) !important;
	text-decoration: underline;
}

.pc-account .login-options::before {
	background: var(--pc-gray-line) !important;
}

/* 알림 문구 */
.pc-account .alert-message,
.pc-account .wpmem_msg {
	padding: var(--pc-space-3) var(--pc-space-4);
	border: var(--pc-line-width) solid var(--pc-black);
	border-radius: 0;
	background: var(--pc-white);
	font-size: var(--pc-fs-15);
	font-weight: 700;
	color: var(--pc-ink);
}

@media (max-width: 767px) {
	.pc-account .pc-main,
	.pc-account .pc-builder-page {
		padding-top: var(--pc-space-7);
	}
}