/* App-like mobile shell — light */

.abaq-tabbar {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  height: calc(var(--abaq-tabbar) + var(--abaq-safe-b));
  padding-bottom: var(--abaq-safe-b);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(18px);
  border-top: 1px solid var(--abaq-border);
  box-shadow: 0 -6px 24px rgba(28, 24, 18, 0.06);
}

.abaq-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: var(--abaq-muted) !important;
  font-size: .68rem;
  font-weight: 600;
  text-decoration: none !important;
}

.abaq-tab.is-active {
  color: var(--abaq-gold-dim) !important;
}

@media (max-width: 899px) {
  body.abaq-theme #wpadminbar { display: none !important; }
  html { margin-top: 0 !important; }
  .abaq-footer { display: none; }

  .abaq-header-inner {
    grid-template-columns: auto auto 1fr;
  }

  .abaq-menu-toggle {
    display: inline-flex !important;
    order: 2;
  }

  .abaq-brand { order: 1; }
  .abaq-header-actions { order: 3; }

  .abaq-nav {
    position: fixed;
    top: var(--abaq-header);
    right: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px solid var(--abaq-border);
    box-shadow: 0 12px 28px rgba(28,24,18,.08);
    padding: 10px 14px 14px;
    display: none;
    z-index: 99;
    max-height: calc(100dvh - var(--abaq-header));
    overflow: auto;
  }

  body.abaq-nav-open .abaq-nav { display: block; }

  .abaq-nav-list {
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
  }

  .abaq-nav-list > li > a {
    width: 100%;
    justify-content: flex-start;
    border-radius: 12px;
    padding: 12px 14px;
  }

  .abaq-nav-list .sub-menu {
    position: static;
    display: block;
    box-shadow: none;
    border: 0;
    padding: 0 0 0 10px;
    margin-top: 2px;
  }

  .woocommerce-page .woocommerce-breadcrumb,
  .woocommerce .woocommerce-breadcrumb { display: none; }

  /* Keep cart form in normal flow — sticky was covering the product title */
  .single-product .summary form.cart {
    position: static;
    z-index: auto;
    background: transparent;
    backdrop-filter: none;
    padding: 0;
    border-radius: 0;
    border: 0;
    box-shadow: none;
  }
}

@media (min-width: 900px) {
  .abaq-tabbar { display: none; }
  .abaq-app { padding-bottom: 0; }
}

@media (display-mode: standalone) {
  .abaq-header {
    padding-top: env(safe-area-inset-top, 0);
    height: calc(var(--abaq-header) + env(safe-area-inset-top, 0));
  }
}