/*
 * EE Theme - pages/home.css
 * Purpose: 홈(프론트) 전용 섹션 스타일
 * Load order: 4 (components 이후, 조건부 로드)
 * Migration notes:
 *  - main.css의 홈 섹션 전용 규칙을 점진적으로 이관
 */

/* placeholder: 초기에는 비어 있음 */

/* 전체 화면 높이 강제 (이미 추가하신 규칙 유지) */
section, .section {min-height: 100vh !important;}

/* 홈(프론트) 전용: 한 화면씩 스크롤 스냅 (데스크톱에서만 적용) */
html, body{height:100%;}
:root{ --snap-offset: var(--current-hdr-height, 100px); }
@media (max-width:1200px){ :root{ --snap-offset: var(--mobile-hdr-height, 60px); } }

/* 래퍼들은 스냅 컨테이너가 되지 않도록 보정 (이중 스크롤 방지) */
#page.site, .site-content-contain, .pagebx{ scroll-snap-type: none !important; overflow: visible; }

/* 데스크톱에서만 스냅 활성화: 컨테이너=html, 타겟=section */
@media (min-width:1201px){
  html{
    scroll-snap-type: y proximity; /* 한 화면씩 스냅(완화) - footer 접근 보장 */
    scroll-behavior: smooth;       /* 부드러운 스크롤 */
    overscroll-behavior-y: none;   /* 상하단 바운스 방지 */
    scroll-padding-top: var(--snap-offset); /* 고정 헤더 보정 */
  }
  /* 각 섹션을 스냅 타겟으로 지정 */
  section, .section{
    scroll-snap-align: start;  /* 섹션 시작 위치에 맞춤 */
    scroll-snap-stop: always;  /* 휠 가속 시에도 한 섹션씩 멈춤 */
  }
  /* Footer도 스냅 타겟으로 지정해 하단 접근이 막히지 않도록 처리 */
  footer, .site-footer{
    scroll-snap-align: end;
    scroll-snap-stop: normal;
  }
}

/* 협소 데스크톱(1201~1260px): 스냅 비활성 + 레이아웃 완화로 공백 방지 */
@media (min-width:1201px) and (max-width:1260px){
  html{ scroll-snap-type: none !important; scroll-padding-top: var(--snap-offset) !important; }
  /* 섹션 높이를 헤더 오프셋만큼 보정하여 첫 화면 공백 방지 */
  body.home .section{ min-height: calc(100vh - var(--snap-offset)) !important; overflow: visible; }
  body.home .hero{ min-height: calc(100vh - var(--snap-offset)) !important; }
  /* 섹션 상단 마진/패딩으로 인한 겹침 완화 */
  body.home .section:first-of-type{ padding-top: 0; margin-top: 0; }
}

/* 접근성: 모션 최소화 선호 시 스냅/부드러운 스크롤 완화 */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }
}
/* 워드프레스 관리자 바 높이 보정 */
@media (min-width:783px){
  body.admin-bar{ --snap-offset: calc(var(--snap-offset) + 32px); }
}
@media (max-width:782.98px){
  body.admin-bar{ --snap-offset: calc(var(--snap-offset) + 46px); }
}
/* 참고: 필요 시 헤더 오프셋 고려해 정확히 1뷰포트 맞춤
section, .section{ min-height: calc(100vh - var(--snap-offset)); }
*/