/* ============================================================
   CONEX BOX USA — Responsive (Updated)
   ============================================================ */

/* --- Tablet & Below (1024px) --- */
@media (max-width: 1024px) {
  :root { --container-max: 100%; }
  .cbx-container { padding: 0 var(--space-lg); }
  .cbx-topbar, .cbx-header { display: none !important; }
  .cbx-mobile-header { display: block; }

  /* Show mobile filter toggle on shop pages */
  .cbx-mobile-filter-toggle { display: block; }

  .cbx-shop-layout { grid-template-columns: 1fr; }
  .cbx-shop-layout .cbx-sidebar { display: none; }
  .cbx-content-with-sidebar { grid-template-columns: 1fr; }
  .cbx-content-with-sidebar .cbx-sidebar { display: none; }

  /* Footer */
  .cbx-footer__grid { grid-template-columns: 1fr 1fr; gap: var(--space-xl); }
  .cbx-footer__col:first-child { grid-column: 1 / -1; }

  /* WooCommerce Account */
  .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; float: none; margin-right: 0; margin-bottom: var(--space-xl); }
  .woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
  .woocommerce-account .woocommerce-MyAccount-navigation ul li { border-bottom: none; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 0.5rem 1rem; border-radius: var(--radius-md); border: 1px solid var(--cbx-gray-100); }

  .woocommerce div.product div.summary { padding-left: 0; }
  .woocommerce div.product div.images, .woocommerce div.product div.summary { float: none !important; width: 100% !important; }
  .woocommerce div.product div.images { margin-bottom: var(--space-xl); }
  .cbx-blog-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-lg); }
}

/* --- Mobile (768px) --- */
@media (max-width: 768px) {
  :root { --space-3xl: 2.5rem; --space-4xl: 3.5rem; }
  .cbx-container { padding: 0 var(--space-md); }
  h1 { font-size: var(--fs-2xl); } h2 { font-size: var(--fs-xl); } h3 { font-size: var(--fs-lg); }
  .cbx-content-area { padding: var(--space-xl) 0; }

  /* Product Grid */
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: var(--space-md) !important; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: var(--fs-xs) !important; padding: var(--space-sm) var(--space-sm) var(--space-xs) !important; }
  .woocommerce ul.products li.product .price { padding: 0 var(--space-sm) var(--space-xs); font-size: var(--fs-sm) !important; }
  .woocommerce ul.products li.product .button { margin: 0 var(--space-sm) var(--space-sm) !important; padding: 0.4375rem 0.75rem !important; font-size: 0.6875rem !important; }

  /* Cart table */
  .woocommerce table.shop_table td { padding: var(--space-sm) var(--space-md) !important; }
  .woocommerce table.shop_table td.product-thumbnail img { width: 48px; height: 48px; }

  /* Checkout */
  .woocommerce form .form-row-first, .woocommerce form .form-row-last { float: none !important; width: 100% !important; }

  .cbx-blog-grid { grid-template-columns: 1fr; }
  .cbx-single-post__title { font-size: var(--fs-2xl); }
  .cbx-post-nav { grid-template-columns: 1fr; gap: var(--space-md); }
  .cbx-post-nav__next { text-align: left; }

  /* Footer mobile */
  .cbx-footer { padding-top: var(--space-2xl); }
  .cbx-footer__grid { grid-template-columns: 1fr; gap: 0; }
  .cbx-footer__col { display: none; }
  .cbx-footer__col:first-child { display: block; padding-bottom: var(--space-xl); border-bottom: 1px solid var(--cbx-gray-200); margin-bottom: var(--space-md); }
  .cbx-footer__mobile-col { display: block; border-bottom: 1px solid var(--cbx-gray-200); }
  .cbx-footer__mobile-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: var(--space-md) 0; background: none; border: none; color: var(--cbx-blue-dark); font-size: var(--fs-sm); font-weight: var(--fw-semibold); cursor: pointer; text-transform: uppercase; letter-spacing: 0.04em; font-family: var(--font-body); }
  .cbx-footer__mobile-toggle svg { width: 16px; height: 16px; transition: transform var(--transition-fast); }
  .cbx-footer__mobile-toggle.active svg { transform: rotate(180deg); }
  .cbx-footer__mobile-content { display: none; padding: 0 0 var(--space-md); }
  .cbx-footer__mobile-content.active { display: block; }
  .cbx-footer__mobile-content ul li { margin-bottom: var(--space-sm); }
  .cbx-footer__mobile-content ul li a { font-size: var(--fs-sm); color: var(--cbx-gray-500); }
  .cbx-footer__mobile-content ul li a:hover { color: var(--cbx-orange); }
  .cbx-footer__mobile-content .cbx-footer__contact-item { margin-bottom: var(--space-sm); font-size: var(--fs-sm); }

  /* WooCommerce Tabs */
  .woocommerce div.product .woocommerce-tabs ul.tabs { flex-direction: column; border-bottom: none; }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a { border-bottom: 1px solid var(--cbx-gray-100); margin-bottom: 0; }
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { border-left: 3px solid var(--cbx-orange); background: var(--cbx-gray-50); }
  .woocommerce div.product form.cart { flex-direction: column; }
  .woocommerce div.product form.cart .button { width: 100%; }

  /* Mobile topbar */
  .cbx-mobile-topbar a span.cbx-topbar-label { display: none; }

  .cbx-search-overlay__inner { margin-top: 80px; padding: 0 var(--space-md); }
  .cbx-search-overlay__input { font-size: var(--fs-base); }
  .cbx-404 { padding: var(--space-2xl) 0; }
}

/* --- Small Mobile (480px) --- */
@media (max-width: 480px) {
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: var(--space-sm) !important; }
  .woocommerce div.product .product_title { font-size: var(--fs-xl); }
  .woocommerce div.product p.price { font-size: var(--fs-xl) !important; }
  .woocommerce table.shop_table td.product-thumbnail { display: none; }
  .cbx-mobile-menu, .cbx-mobile-categories { width: 280px; }
  .cbx-mobile-topbar .cbx-container { gap: var(--space-sm); }
}

@media print {
  .cbx-topbar,.cbx-header,.cbx-mobile-header,.cbx-footer,.cbx-sidebar,.cbx-search-overlay,.cbx-mobile-menu,.cbx-mobile-categories,.cbx-overlay,.cbx-mini-cart { display: none !important; }
  body { font-size: 12pt; color: #000; background: #fff; }
  .cbx-container { max-width: 100%; padding: 0; }
}