/**
 * mobile-bottom-bar.css — 移动端底部固定菜单栏
 * 3 个：Call（tel: 直接拨号）/ Products / Home
 * 仅 ≤767px 显示
 */

.mobile-bottom-bar {
  display: none;
}

@media (max-width: 767px) {
  /* 底部固定栏 */
  .mobile-bottom-bar {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: var(--color-bg-surface);
    border-top: 1px solid var(--color-border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06);
    padding: 0;
    padding-bottom: env(safe-area-inset-bottom, 0);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  /* 隐藏 Tawk FAB（避免与底栏冲突） */
  .zipoo-chat-fab {
    bottom: calc(72px + env(safe-area-inset-bottom, 0));
    right: 12px;
  }

  /* 让 footer 底部内容不被遮住 */
  body {
    padding-bottom: 64px;
  }

  .mbb-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 8px 4px;
    text-decoration: none;
    color: var(--color-text-soft);
    font-size: 11px;
    letter-spacing: 0.04em;
    transition: color var(--transition-fast), background var(--transition-fast);
    position: relative;
  }

  .mbb-item svg {
    transition: transform var(--transition-fast);
  }

  .mbb-item:hover,
  .mbb-item:active,
  .mbb-item[aria-current="page"] {
    color: var(--brand-accent-deep);
  }

  .mbb-item:hover svg,
  .mbb-item:active svg {
    transform: translateY(-1px);
  }

  /* 中间项稍突出（可选） */
  .mbb-products {
    border-left: 1px solid var(--color-border-soft);
    border-right: 1px solid var(--color-border-soft);
  }

  /* 拨号按钮特殊高亮（行动召唤） */
  .mbb-call {
    color: var(--brand-accent-deep);
    background: rgba(200, 169, 126, 0.08);
  }
}