/* ═══════════════════════════════════════════════════════════════
   ARTFORM — 모바일 하단 탭바 (m-tabbar.css) · 전 페이지 공유
   · 홈 / 캠퍼스 / 상담(CTA) 3탭 · 항상 고정 · safe-area 대응
   · 상단 고정 헤더와 세트 (sticky 복구는 mobile.css/chrome-responsive.css의
     overflow-x: clip 참고)
   ═══════════════════════════════════════════════════════════════ */
.m-tabbar { display: none; }

@media (max-width: 980px) {
  /* 본문·푸터가 탭바에 가리지 않게 */
  body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }

  .m-tabbar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 150;
    display: grid; grid-template-columns: 1fr 1fr 1fr;
    height: 62px; padding-bottom: env(safe-area-inset-bottom);
    background: rgba(255, 255, 255, .96);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border-top: 1px solid var(--line-2, #e5e2dc);
    box-sizing: content-box;
  }
  .m-tabbar .ti {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 4px; text-decoration: none; color: var(--ink-2, #6d675e);
    font-family: var(--sans, sans-serif); font-size: 10.5px; font-weight: 700;
    letter-spacing: .02em; position: relative; -webkit-tap-highlight-color: transparent;
  }
  .m-tabbar .ti svg { width: 22px; height: 22px; display: block; }
  .m-tabbar .ti[aria-current="page"] { color: var(--ink, #000); }
  .m-tabbar .ti[aria-current="page"]::before {
    content: ""; position: absolute; top: -1px; left: 50%; transform: translateX(-50%);
    width: 28px; height: 2px; background: var(--accent, #fe5000);
  }

  /* 상담 — 액센트 CTA */
  .m-tabbar .ti-cta .pill {
    display: flex; align-items: center; gap: 7px;
    background: var(--accent, #fe5000); color: #fff;
    padding: 10px 22px; border-radius: 8px;
    font-size: 13px; font-weight: 800; letter-spacing: .01em;
    transition: transform .12s ease;
  }
  .m-tabbar .ti-cta .pill svg { width: 15px; height: 15px; }
  .m-tabbar .ti-cta:active .pill { transform: scale(.96); }

  /* 플로팅 도움 버튼 — 상담 탭과 중복이라 모바일 숨김 */
  .help-dock { display: none !important; }
}
