/* ══════════════════════════════════════
   RESPONSIVO — AC Celulares v6
   Desktop ≥1024px | Tablet 768-1023px | Mobile ≤767px | Small ≤479px
══════════════════════════════════════ */

/* ── DESKTOP GRANDE (≤1279px) ── */
@media (max-width: 1279px) {
  .ac-shop-grid,
  .ac-related-products .products,
  .ac-home-categories__grid,
  .ac-testimonials-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

/* ── TABLET (≤1023px) ──
   Menu hamburguer aparece, nav some
─────────────────────────────────── */
@media (max-width: 1023px) {
  /* Nav desktop escondida, hamburguer sempre visível via CSS base */
  .ac-header__account-label { display: none; }

  /* Layouts de 1 coluna */
  .ac-newsletter__inner,
  .ac-shop-content,
  .ac-product-layout,
  .ac-cart-layout,
  .ac-footer__grid { grid-template-columns: 1fr; }

  /* Sidebar shop: drawer lateral */
  .ac-shop-sidebar {
    position: fixed; top: 0; left: 0; z-index: 1101;
    width: min(86vw, 320px); height: 100vh; border-radius: 0;
    transform: translateX(-100%); transition: transform var(--base);
  }
  .ac-shop-sidebar.is-open { transform: none; }
  .ac-shop-sidebar__header { display: flex; }

  /* Grid de produtos: 2 colunas no tablet */
  .ac-shop-grid,
  .ac-related-products .products,
  .ac-home-categories__grid,
  .ac-testimonials-grid,
  .ac-benefits-bar__grid,
  .ac-account-cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* ── MOBILE (≤767px) ──
   1 coluna de produto, layout compacto
─────────────────────────────────── */
@media (max-width: 767px) {
  /* Topbar: empilhar em 2 linhas */
  .ac-topbar__inner { flex-direction: column; align-items: flex-start; gap: 0.2rem; }
  .ac-topbar__right { width: 100%; justify-content: flex-start; }
  .ac-topbar__left { font-size: 0.65rem; }

  /* Header: empilhar */
  .ac-header__main-inner { flex-wrap: wrap; gap: 0.5rem; }

  /* Toolbar da loja */
  .ac-shop-toolbar { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
  .ac-shop-toolbar__actions { flex-wrap: wrap; gap: 0.4rem; }

  /* Esconder toggle grid/lista (automático) */
  .ac-shop-toolbar__view { display: none !important; }

  /* ★ PRODUTOS: 1 coluna no mobile ★ */
  .ac-shop-grid,
  .ac-related-products .products,
  .ac-home-categories__grid,
  .ac-testimonials-grid,
  .ac-benefits-bar__grid,
  .ac-account-cards { grid-template-columns: 1fr !important; }

  /* Footer */
  .ac-footer__bottom-inner { flex-direction: column; align-items: flex-start; gap: 0.5rem; }

  /* Outros layouts */
  .ac-cart-form .coupon { grid-template-columns: 1fr; }
  .ac-benefits-item { border-right: none; border-bottom: 1px solid var(--border-soft); }
  .ac-product-gallery__thumbs { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .ac-product-benefits { grid-template-columns: 1fr; }
  .ac-sticky-buy-bar__inner { flex-direction: column; align-items: flex-start; }

  /* Minha Conta */
  .woocommerce-account .woocommerce { grid-template-columns: 1fr; }
  .woocommerce-account .woocommerce-MyAccount-navigation { position: static; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex; flex-wrap: wrap; gap: 0.3rem; padding: 0.6rem;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation a {
    padding: 0.4rem 0.7rem; font-size: 0.7rem;
    border: 1px solid var(--border); border-radius: 99px;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    background: rgba(var(--brand-rgb),0.12); border-color: var(--gold); color: var(--gold-dark);
    border-left: 1px solid var(--gold); padding-left: 0.7rem;
  }
  .u-columns.col2-set { grid-template-columns: 1fr; }
  .ac-account-cards { grid-template-columns: 1fr; }

  .ac-cart-table .product-price,
  .ac-cart-table th:nth-child(2) { display: none; }

  /* Produto */
  .ac-product-tabs .wc-tabs { flex-wrap: wrap; }
}

/* ── SMALL MOBILE (≤479px) ── */
@media (max-width: 479px) {
  .ac-container { width: min(100% - 16px, var(--container-width)); }

  /* 1 coluna também em telas muito pequenas */
  .ac-shop-grid,
  .ac-related-products .products,
  .ac-home-categories__grid,
  .ac-testimonials-grid { grid-template-columns: 1fr !important; }

  .ac-shop-grid { gap: 0.65rem; }
  .ac-product-gallery__thumbs { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .ac-thankyou-card,
  .ac-newsletter__inner { padding: 1.25rem; }
  .ac-header__badge { width: 16px; height: 16px; font-size: 0.6rem; }
  .ac-product-card__title { font-size: 0.82rem; }

  /* Card de produto mais compacto no mobile */
  .ac-product-card { padding: 0.75rem; }
  .ac-product-card__img { height: 200px; }
}
