/* ============================================
   08 RESPONSIVE OVERRIDES
   ============================================ */

/* --- GRID OVERRIDES --- */
@media (min-width: 576px) {
  ul.products,
  .wc-block-grid__products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 768px) {
  ul.products,
  .wc-block-grid__products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (min-width: 1200px) {
  ul.products,
  .wc-block-grid__products {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 992px) {
  /* SHOP ARCHIVE */
  .mm-shop-layout.sidebar-collapsed {
    grid-template-columns: 1fr !important;
  }
  
  .mm-filter-toggle {
    display: none !important; /* Hide filter toggle on desktop, show sidebar always */
  }
  
  #mm-shop-sidebar-inner.is-hidden {
    max-height: none;
    opacity: 1;
    padding: auto;
  }

  /* SINGLE PRODUCT */
  .product-wrap {
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .product-wrap .product-gallery {
    flex: 0 0 50%;
    max-width: 100%;
  }
  .product-wrap .summary {
    flex: 0 0 45%;
    max-width: 100%;
    position: sticky;
    top: 100px;
  }
}

@media (max-width: 1024px) {
  .mm-shop-layout {
    grid-template-columns: 1fr;
  }
  
  /* Keep sidebar visible on mobile but collapsed by JS via .is-hidden */
  .mm-shop-sidebar {
    display: block !important;
  }
  
  .mm-filter-toggle {
    display: flex;
  }
  
  .categories-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .mm-page-hero--shop .mm-page-hero__title {
    font-size: 24px;
  }
  .mm-page-hero--shop .mm-page-hero__inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .categories-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .category-card .category-image {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    object-fit: cover !important;
    padding: 0 !important;
  }

  .site-footer {
    padding: 40px 20px 20px;
  }
}
