/* 커스텀 CSS - Tailwind로 표현하기 어려운 스플래시 배경/애니메이션 보강 */

* {
  -webkit-tap-highlight-color: transparent;
}

/* Alpine x-cloak: 초기화 전 깜빡임 방지 */
[x-cloak] {
  display: none !important;
}

/* 역동적·힘찬 헤드라인용 폰트 (배너 타이틀) */
.font-impact {
  font-family: "Black Han Sans", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  letter-spacing: -0.02em;
}

html,
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
    "Malgun Gothic", "맑은 고딕", sans-serif;
}

/* 스플래시·메인처럼 화면 고정이 필요한 페이지만 body에 부여(스크롤 잠금) */
body.no-scroll {
  height: 100%;
  overflow: hidden;
}

/* ── 스플래시 배경 이미지 (컨테이너에 꽉 채워 원본 전체 노출, 비율 왜곡 허용) ── */
.splash-bg {
  background-color: #0d3b6e; /* 이미지 없을 때 폴백 */
  background-image: url("/assets/images/splash.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}