/* ── Mobile bottom tab bar (mobile only) ───────────────────────────
   Home | New Arrival | Shop All | Cart | Account. Hidden above 922px
   (same breakpoint the shop sidebar/off-canvas menu already use on
   this theme, see shop-filters.css / mobile-menu.js). Sits below the
   mobile off-canvas menu/backdrop (z-index 99998/99999 in the
   Customizer Additional CSS, post 4925) and below the WhatsApp float
   button (z-index 9999, style.css), which is nudged upward on mobile
   below so the two never overlap. */
.pl-mobile-bottom-nav {
  display: none;
}

@media (max-width: 922px) {
  .pl-mobile-bottom-nav {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9990;
    background: var(--pl-warm-white, #FFFDF8);
    border-top: 1px solid var(--pl-border, rgba(201,151,58,0.2));
    box-shadow: 0 -4px 20px rgba(42,33,24,0.08);
    padding-bottom: env(safe-area-inset-bottom, 0);
  }

  .pl-mbn-item {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 8px 2px 7px;
    color: var(--pl-charcoal, #2A2118) !important;
    text-decoration: none !important;
    font-family: var(--pl-font-body, sans-serif);
  }

  .pl-mbn-icon {
    width: 22px;
    height: 22px;
    line-height: 0;
  }
  .pl-mbn-icon svg {
    width: 100%;
    height: 100%;
  }

  .pl-mbn-label {
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 1;
  }

  .pl-mbn-item.is-active {
    color: var(--pl-maroon, #7A1E2E) !important;
  }

  /* Push page content and the WhatsApp float button clear of the bar. */
  body {
    padding-bottom: calc(58px + env(safe-area-inset-bottom, 0));
  }
  .pl-whatsapp-float {
    bottom: calc(58px + 16px + env(safe-area-inset-bottom, 0)) !important;
  }
}