/* iOS PWA Fixes - áp dụng ngay khi trang tải lên */

/* Fix cho bottom navigation bar trên iOS */
.bottom-nav-bar {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background-color: white !important;
  padding-bottom: env(safe-area-inset-bottom, 0) !important;
}

/* Thiết bị iOS với notch */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .bottom-nav-bar {
    padding-bottom: env(safe-area-inset-bottom) !important;
    height: calc(56px + env(safe-area-inset-bottom)) !important;
  }
  
  .ios-bottom-padding {
    padding-bottom: calc(56px + env(safe-area-inset-bottom)) !important;
  }
}

/* Fix cho nút homescreen trên iOS */
body.has-notch .bottom-nav-bar {
  padding-bottom: env(safe-area-inset-bottom, 20px) !important;
}

/* Đảm bảo nút không bị trong suốt */
.tab-button {
  background-color: white;
}

/* Fix màu sắc và font */
.tab-button.active i,
.tab-button.active span,
.tab-button.active div {
  color: #72b3c9 !important;
}