:root { --actionbar-h: 64px; }

/* ✅ 하단바에 가려지지 않게 */
body{
  padding-bottom: calc(var(--actionbar-h) + env(safe-area-inset-bottom)) !important;
}

/* 하단 고정 바 */
.bottom-actionbar{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  height: calc(var(--actionbar-h) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  display: flex;
  z-index: 99999;
  background: #fff;
  border-top: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 -10px 24px rgba(0,0,0,.12);
}

.bottom-actionbar .bar-btn{
  flex: 1;
  border: 0;
  margin: 0;
  border-radius: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
}

/* 왼쪽: 설치 */
.bottom-actionbar .bar-install{ background:#111; }
/* 오른쪽: 알림 */
.bottom-actionbar .bar-notify{ background:#2c6fb6; }

/* PC 숨김 */
#bottomActionbar { display:none; }

/* 모바일만 */
@media (max-width: 1024px){
  #bottomActionbar { display:flex; }
}

/* 모달 */
.pm{position:fixed; inset:0; z-index:100000;}
.pm__dim{position:absolute; inset:0; background:rgba(0,0,0,.55);}
.pm__box{position:absolute; left:16px; right:16px; bottom:16px; background:#fff; border-radius:16px; padding:16px; box-shadow:0 14px 30px rgba(0,0,0,.25);}
.pm__title{font-size:16px; font-weight:800; margin-bottom:6px;}
.pm__desc{font-size:13px; color:#666; margin-bottom:10px; line-height:1.4; word-break:keep-all;}
.pm__input{width:100%; border:1px solid #ddd; border-radius:12px; padding:12px; font-size:15px;}
.pm__btns{display:flex; gap:10px; margin-top:12px;}
.pm__btn{flex:1; border:0; border-radius:12px; padding:12px 14px; font-weight:800; background:#2c6fb6; color:#fff;}
.pm__btn--ghost{background:#f2f4f6; color:#111;}
/* ✅ PC에서는 PWA 하단바/모달 전부 숨김 */
@media (min-width: 1025px){
  #bottomActionbar,
  #pwaBar,
  #installModal,
  #phoneModal {
    display: none !important;
  }

  /* PC에서는 body padding-bottom도 제거 */
  body{
    padding-bottom: 0 !important;
  }
}