/* ── WorkAssist Shop & Category Archive ── */

body.woocommerce, body.archive { background: #FAFAF8 !important; }

/* ── LAYOUT ── */
body.woocommerce main > *, body.archive main > * {
  max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important;
  padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box !important;
}

/* Full-width hero & filters */
.wa-shop-hero, .wa-shop-filters {
  max-width: 100% !important; width: 100vw !important;
  padding-left: 0 !important; padding-right: 0 !important;
  margin-left: calc(-50vw + 50%) !important; margin-right: 0 !important;
}

/* ══ HIDE breadcrumb & extra space on SHOP page ══
   The hero+filters already serve as the page header */
body.post-type-archive-product .woocommerce-breadcrumb { display: none !important; }
body.post-type-archive-product .woocommerce-products-header { display: none !important; }
body.post-type-archive-product .wc-block-store-notices { display: none !important; }

/* ── FILTER BAR ── */
.wa-shop-filters { background: #FAFAF8 !important; border-bottom: 1px solid #EDEBE6 !important; padding: 14px 24px !important; }
.wa-filters-inner { max-width: 1200px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; flex-wrap: wrap !important; }

/* Dropdown */
.wa-filter-dropdown { position: relative !important; display: inline-block !important; }
.wa-filter-btn {
  display: inline-flex !important; align-items: center !important; padding: 9px 18px !important;
  border-radius: 100px !important; font-size: 13px !important; font-weight: 600 !important;
  font-family: 'Inter', -apple-system, sans-serif !important; border: 1px solid #EDEBE6 !important;
  color: #1a1a18 !important; background: #fff !important; cursor: pointer !important;
  transition: all .2s !important; white-space: nowrap !important; list-style: none !important;
  line-height: 1 !important; gap: 6px !important;
}
.wa-filter-btn::-webkit-details-marker { display: none !important; }
.wa-filter-btn::marker { content: "" !important; display: none !important; }
.wa-filter-btn:hover { border-color: #C7622B !important; color: #C7622B !important; }
.wa-chevron { font-size: 11px !important; transition: transform .2s !important; }
details[open] .wa-chevron { transform: rotate(180deg) !important; }
details[open] .wa-filter-btn { border-color: #C7622B !important; color: #C7622B !important; background: #FDF8F5 !important; }

/* Active filter state — filled dark */
.wa-filter-dropdown.active .wa-filter-btn {
  background: #1a1a18 !important; color: #fff !important; border-color: #1a1a18 !important;
}
.wa-filter-dropdown.active .wa-chevron { color: #fff !important; }

/* Menu */
.wa-filter-menu {
  position: absolute !important; top: calc(100% + 6px) !important; left: 50% !important;
  transform: translateX(-50%) !important; background: #fff !important;
  border: 1px solid #EDEBE6 !important; border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.08) !important; padding: 8px 0 !important;
  min-width: 180px !important; z-index: 100 !important;
}
.wa-filter-menu a {
  display: block !important; padding: 9px 20px !important; font-size: 13px !important;
  font-weight: 500 !important; font-family: 'Inter', -apple-system, sans-serif !important;
  color: #4a4a48 !important; text-decoration: none !important; transition: all .15s !important;
}
.wa-filter-menu a:hover { background: #F5F4F0 !important; color: #C7622B !important; }
.wa-filter-clear { display: inline-block !important; padding: 8px 16px !important; font-size: 12px !important; font-weight: 600 !important; font-family: 'Inter', -apple-system, sans-serif !important; text-decoration: none !important; color: #999 !important; }
.wa-filter-clear:hover { color: #C7622B !important; }

/* ── CATEGORY HEADER ── */
.woocommerce-products-header { padding: clamp(32px,6vw,72px) 24px clamp(16px,2vw,32px) !important; text-align: center !important; }
.woocommerce-products-header__title { font-family: 'Inter', -apple-system, sans-serif !important; font-size: clamp(32px,5vw,48px) !important; font-weight: 800 !important; color: #1a1a18 !important; }
.term-description, .term-description p { font-size: 15px !important; line-height: 1.6 !important; color: #6B6966 !important; max-width: 600px !important; margin: 0 auto !important; font-family: 'Inter', -apple-system, sans-serif !important; }

/* ── BREADCRUMBS (category pages) ── */
.woocommerce-breadcrumb { font-size: 13px !important; color: #999 !important; font-family: 'Inter', -apple-system, sans-serif !important; padding: 16px 0 0 !important; margin: 0 !important; }
.woocommerce-breadcrumb a { color: #C7622B !important; text-decoration: none !important; }

/* ── RESULT COUNT & ORDERING ── */
.woocommerce-result-count { font-size: 13px !important; color: #999 !important; font-family: 'Inter', -apple-system, sans-serif !important; }
.woocommerce-ordering select { border: 1px solid #E8E5DE !important; border-radius: 8px !important; padding: 8px 16px !important; font-size: 13px !important; background: #fff !important; }

/* ══════════════════════════════════
   PRODUCT GRID
   ══════════════════════════════════ */
ul.products {
  display: grid !important; grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important; list-style: none !important; padding: 0 24px !important;
  margin: 16px auto 64px !important; max-width: 1200px !important; box-sizing: border-box !important;
}
ul.products::before, ul.products::after { display: none !important; content: none !important; }

/* ── PRODUCT CARD ── */
ul.products li.product {
  background: #fff !important; border: 1px solid #EDEBE6 !important; border-radius: 12px !important;
  overflow: hidden !important; transition: box-shadow .25s, transform .25s !important;
  padding: 0 !important; margin: 0 !important; text-align: center !important;
  list-style: none !important; float: none !important; width: 100% !important;
}
ul.products li.product:hover { box-shadow: 0 8px 32px rgba(0,0,0,.07) !important; transform: translateY(-3px) !important; }
ul.products li.product a img, ul.products li.product img { width: 100% !important; height: auto !important; aspect-ratio: 1/1 !important; object-fit: cover !important; border-radius: 0 !important; margin: 0 !important; background: #F5F4F0 !important; display: block !important; }
ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2 { font-size: 15px !important; font-weight: 600 !important; color: #1a1a18 !important; padding: 16px 20px 4px !important; margin: 0 !important; font-family: 'Inter', -apple-system, sans-serif !important; text-decoration: none !important; }
ul.products li.product a { text-decoration: none !important; }
ul.products li.product .price { display: block !important; font-size: 15px !important; font-weight: 600 !important; color: #C7622B !important; padding: 0 20px 12px !important; font-family: 'Inter', -apple-system, sans-serif !important; }
ul.products li.product a.button, ul.products li.product .button { display: inline-block !important; background: #1a1a18 !important; color: #fff !important; border: none !important; border-radius: 8px !important; padding: 10px 28px !important; font-size: 13px !important; font-weight: 600 !important; margin: 0 20px 20px !important; transition: background .2s !important; text-decoration: none !important; cursor: pointer !important; font-family: 'Inter', -apple-system, sans-serif !important; }
ul.products li.product a.button:hover { background: #C7622B !important; color: #fff !important; }

/* Responsive */
@media (max-width: 768px) {
  ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; padding: 0 16px !important; }
  .wa-filter-menu { position: fixed !important; top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important; transform: none !important; border-radius: 16px 16px 0 0 !important; max-height: 60vh !important; overflow-y: auto !important; }
}
@media (max-width: 480px) { ul.products { grid-template-columns: 1fr !important; } }