/* 결제 전용 화면 (templates/checkout.php)
   테마 스타일이 함께 로드될 수 있으므로 body 기본값은 명시적으로 덮어쓴다. */

body.enp-checkout-body {
	margin: 0 !important;
	padding: 0 !important;
	min-height: 100vh;
	background-color: #f5f4fb !important;
	background-image: radial-gradient(900px 380px at 50% -140px, rgba(109, 40, 232, .18), transparent 72%);
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
}

/*
 * 주의: 예전에 `body > *:not(.enp-checkout)` 로 body 직계 요소를 싸잡아 숨겼더니
 * 나이스페이 SDK 가 주입하는 결제 레이어·아이프레임까지 display:none 이 되어
 * 결제창이 뜨지 않았다. 절대 다시 넣지 말 것.
 * 남는 테마 요소는 이름이 확실한 선택자와 checkout.php 의 JS 로만 처리한다.
 */

body.enp-checkout-body [data-elementor-type="header"],
body.enp-checkout-body [data-elementor-type="footer"],
body.enp-checkout-body .elementor-location-header,
body.enp-checkout-body .elementor-location-footer,
body.enp-checkout-body .site-header,
body.enp-checkout-body .site-footer,
body.enp-checkout-body #masthead,
body.enp-checkout-body #colophon,
body.enp-checkout-body #wpadminbar,
body.enp-checkout-body [class*="floating"],
body.enp-checkout-body [id*="floating"],
body.enp-checkout-body [class*="sticky-menu"],
body.enp-checkout-body [class*="back-to-top"],
body.enp-checkout-body [class*="scroll-top"] {
	display: none !important;
}

/* 관리자바가 밀어내는 여백 제거 */
html.enp-checkout-html {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.enp-checkout {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	box-sizing: border-box;
	padding: 44px 20px 36px;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
		"Malgun Gothic", "맑은 고딕", Roboto, sans-serif;
	color: #1f2330;
	word-break: keep-all;
}

/* ── 상단 로고 ───────────────────────────── */

.enp-checkout-head {
	margin-bottom: 26px;
	text-align: center;
}

.enp-checkout-brand {
	display: inline-block;
	text-decoration: none;
	color: #1f2330;
	font-size: 21px;
	font-weight: 800;
	letter-spacing: -.015em;
	line-height: 1;
}

.enp-checkout-brand img {
	display: block;
	width: auto;
	height: auto;
	max-height: 46px;
	max-width: 240px;
}

/* ── 본문 ───────────────────────────────── */

.enp-checkout-main {
	width: 100%;
}

.enp-checkout-main .enp-wrap {
	padding-top: 0;
	padding-bottom: 0;
}

/* ── 하단 안내 ───────────────────────────── */

.enp-checkout-foot {
	width: 100%;
	max-width: 480px;
	margin-top: 26px;
	text-align: center;
}

.enp-secure {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
	color: #5a6172;
}

.enp-secure svg {
	flex: 0 0 auto;
	color: #6d28e8;
}

.enp-secure strong {
	font-weight: 700;
	color: #3f4557;
}

.enp-seller {
	margin: 13px 0 0;
	font-size: 12px;
	line-height: 1.75;
	color: #8b90a0;
}

.enp-copyline {
	margin: 11px 0 0;
	font-size: 11.5px;
	color: #a6aab6;
}

@media (max-width: 480px) {
	.enp-checkout {
		padding: 30px 16px 28px;
	}

	.enp-checkout-head {
		margin-bottom: 20px;
	}

	.enp-checkout-brand img {
		max-height: 38px;
	}
}