/* 全局 CSS - iOS LIFF 專用 fixed footer 方案 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  /* 使用新的 viewport 單位支援 iOS */
  height: 100%;
  height: -webkit-fill-available;
}

body {
  /* 自然滾動，無需 flexbox */
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh; /* 動態 viewport 高度 - 適應 iOS 工具列 */
  min-height: -webkit-fill-available; /* iOS Safari fallback */

  /* 為 footer 預留空間（50px + Safe Area） */
  padding-bottom: calc(50px + env(safe-area-inset-bottom));

  /* 平滑滾動 */
  -webkit-overflow-scrolling: touch;
}

/* Footer 區域 - 真正的 position: fixed */
.bottom-nav-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;

  /* Safe Area 支援（iPhone X/11/12/13/14/15 底部安全區） */
  padding-bottom: env(safe-area-inset-bottom);

  /* 防止 iOS 閃爍（不破壞 position:fixed） */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}