/* ============================================
   common-curtain.css — 서브페이지 공통 커튼 백드롭 CSS
   philosophy(ph) / first-best(fb) / future(fo) / 80-years(ey) / sp-samhwa(sp)
   ============================================ */

/* ── Curtain Backdrop Base ── */
.philosophy-curtain-backdrop,
.fb-curtain-backdrop,
.fo-curtain-backdrop,
.ey-curtain-backdrop,
.sp-curtain-backdrop {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	pointer-events: none;
}

/* ── Visible State (공통: pointer-events 복원) ── */
.philosophy-curtain-backdrop.is-visible,
.fb-curtain-backdrop.is-visible,
.fo-curtain-backdrop.is-visible,
.ey-curtain-backdrop.is-visible,
.sp-curtain-backdrop.is-visible {
	pointer-events: auto;
}

/* ── philosophy: visibility 방식, z-index 5→15 (fb/fo/ey와 동일) ── */
.philosophy-curtain-backdrop {
	z-index: 5;
	visibility: hidden;
}

.philosophy-curtain-backdrop.is-visible {
	visibility: visible;
	z-index: 15;
}

/* ── fb / fo / ey: visibility 방식, z-index 5→15 ── */
.fb-curtain-backdrop,
.fo-curtain-backdrop,
.ey-curtain-backdrop {
	z-index: 5;
	visibility: hidden;
}

.fb-curtain-backdrop.is-visible,
.fo-curtain-backdrop.is-visible,
.ey-curtain-backdrop.is-visible {
	visibility: visible;
	z-index: 15;
}

/* ── sp-samhwa: visibility 방식, z-index 90→95 (fixed sec02 위 레이어) ── */
.sp-curtain-backdrop {
	z-index: 90;
	visibility: hidden;
}

.sp-curtain-backdrop.is-visible {
	visibility: visible;
	z-index: 95;
}

/* ── iOS overscroll prevention (toggled via JS when curtain is visible) ── */
html.no-bounce,
html.no-bounce body {
	overscroll-behavior-y: none;
}