@charset "utf-8";
/* 전역 상단 Safe Area (:has 미사용 — 구형 WebView 호환)
   파란 상단바 안에 여백을 넣어 흰 줄이 생기지 않게 함 */

:root {
  --app-safe-top: env(safe-area-inset-top, 0px);
  /* 추가 여백 최소화 (상태바 높이만 사용) */
  --safe-top-gap: 0px;
  --safe-top-total: calc(var(--app-safe-top) + var(--safe-top-gap));
}

/* body에는 여백 주지 않음 → 헤더 위 흰 줄 방지 */
body {
  padding-top: 0 !important;
  box-sizing: border-box;
}

/* 헤더 없는 페이지만(앱에서 html.need-safe-body 부여) */
html.need-safe-body body {
  padding-top: var(--safe-top-total) !important;
}

/* 메인 홈 — 배경색이 패딩 영역까지 채워지도록 */
.top-header {
  background-color: #0277BD !important;
  padding-top: var(--safe-top-total) !important;
  box-sizing: border-box;
}

/* 공지·갤러리 등 */
.top-bar {
  padding-top: calc(14px + var(--safe-top-total)) !important;
  box-sizing: border-box;
}

/* 게시판 등 */
.header:not(.bottom-nav) {
  padding-top: calc(14px + var(--safe-top-total)) !important;
  box-sizing: border-box;
}