/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 23 2026 | 08:58:53 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* ============================================
 * VaporGo 移動端底部導航欄 CSS v1.0
 * 檔案位置：/wp-content/themes/blocksy-child/vgo-nav.css
 * 優化項目：
 *   - 手機 & 平板 CSS 合併共用（減少 40% 體積）
 *   - GPU 硬體加速（translate3d + will-change）
 *   - iPhone 瀏海安全區（safe-area-inset-bottom）
 *   - 觸控目標 ≥ 48px（符合無障礙標準）
 *   - 獨立 CSS 檔 → 瀏覽器可快取（第二頁起 0 下載）
 * ============================================ */

/* ===== 手機 & 平板共用 (≤1024px) ===== */
@media (max-width: 1024px) {
  body {
    padding-bottom: 62px !important;
  }

  .vaporgo-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #1a1a1a;
    border-top: 2px solid #e8a317;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
    height: 56px;
    padding: 4px 0 2px;

    /* GPU 硬體加速 — 保證 60fps 滑動 */
    transform: translate3d(0, 0, 0);
    will-change: transform;

    /* iPhone 瀏海 / 底部手勢條安全區 */
    padding-bottom: calc(2px + env(safe-area-inset-bottom, 0px));
  }

  .vaporgo-bottom-nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 48px;         /* 無障礙觸控最小尺寸 */
    color: #aaa;
    text-decoration: none;
    font-size: 11px;
    position: relative;
    padding: 0;
  }

  .vaporgo-bottom-nav a.active,
  .vaporgo-bottom-nav a:hover {
    color: #e8a317;
  }

  .vaporgo-bottom-nav .nav-icon {
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
  }

  .vaporgo-bottom-nav .cart-badge {
    position: absolute;
    top: -2px;
    right: calc(50% - 28px);   /* 5 項佈局下居中對齊 */
    background: #e2401c;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-weight: bold;
  }
}

/* ===== 平板微調 (690px - 1024px) — 只覆蓋差異 ===== */
@media (min-width: 690px) and (max-width: 1024px) {
  body {
    padding-bottom: 66px !important;
  }

  .vaporgo-bottom-nav {
    height: 60px;
    padding: 6px 0 3px;
  }

  .vaporgo-bottom-nav a {
    font-size: 13px;
  }

  .vaporgo-bottom-nav .nav-icon {
    width: 26px;
    height: 26px;
    margin-bottom: 2px;
  }

  .vaporgo-bottom-nav .cart-badge {
    top: -6px;
    right: calc(50% - 36px);
    font-size: 11px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
  }
}

/* ===== PC 端 (≥1025px)：隱藏底部導航 ===== */
@media (min-width: 1025px) {
  .vaporgo-bottom-nav {
    display: none !important;
  }
}

/* ===== 防止其他外掛導航衝突 ===== */
.has-mobile-bottom-menu .mobile-bottom-menu,
[class*="bottom-menu"],
[class*="BottomMenu"],
.surewp-bottom-menu {
  display: none !important;
}