/*
* [모듈명]: 스크롤 연동 UI 애니메이션 스타일
* [파일명]: scroll.css
* [역할]: 상단 헤더와 하단 네비게이션 바의 부드러운 내비게이션 숨김/노출 애니메이션을 정의합니다.
*/

/* 1. 상단 헤더 숨김 애니메이션 */
.app-header {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform;
}

.header-hidden {
    transform: translateY(-100%) !important;
}

/* 2. 하단 네비게이션 숨김 애니메이션 */
.app-navbar {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform;
}

.navbar-hidden {
    transform: translateY(100%) !important;
}

/* [사파리 대응]: 스크롤 시 레이아웃 흔들림 방지 */
body.scrolling {
    pointer-events: none; /* 스크롤 가속 중 클릭 미동작 (선택사항) */
}