/* ════════════════════════════════════════
   AL EHDA — SHOP PAGE STYLES
   File: /assets/css/shop.css
   ════════════════════════════════════════ */
.ae-shop-page {
  background: var(--ae-off-white);
  padding: var(--ae-sp-8) 0 var(--ae-sp-20);
  min-height: 70vh;
}
/* Shop Header */
.ae-shop-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ae-sp-6);
  margin-bottom: var(--ae-sp-8);
  flex-wrap: wrap;
}
.ae-shop-header__title {
  font-size: var(--ae-text-3xl);
  margin: 0 0 var(--ae-sp-2);
}
.ae-shop-header__count {
  font-size: var(--ae-text-sm);
  color: var(--ae-text-muted);
  margin: 0;
}
.ae-shop-header__right {
  display: flex;
  align-items: center;
  gap: var(--ae-sp-4);
  flex-wrap: wrap;
}
/* Category Filter Pills */
.ae-shop-filter-pills {
  display: flex;
  gap: var(--ae-sp-2);
  flex-wrap: wrap;
}
.ae-filter-pill {
  padding: var(--ae-sp-2) var(--ae-sp-4);
  border-radius: var(--ae-r-full);
  font-size: var(--ae-text-sm);
  font-weight: var(--ae-weight-medium);
  border: 1.5px solid var(--ae-border);
  color: var(--ae-text-muted);
  background: var(--ae-white);
  transition: all var(--ae-fast);
  white-space: nowrap;
}
.ae-filter-pill:hover,
.ae-filter-pill.is-active {
  border-color: var(--ae-accent);
  background: var(--ae-accent);
  color: var(--ae-primary);
  font-weight: var(--ae-weight-semi);
}
/* Sort dropdown */
.ae-shop-sort__select {
  padding: var(--ae-sp-2) var(--ae-sp-4);
  border: 1.5px solid var(--ae-border);
  border-radius: var(--ae-r-md);
  font-size: var(--ae-text-sm);
  background: var(--ae-white);
  color: var(--ae-text);
  cursor: pointer;
  outline: none;
}
.ae-shop-sort__select:focus { border-color: var(--ae-accent); }
/* Shop grid */
.ae-shop-grid { margin-bottom: var(--ae-sp-10); }
/* Pagination */
.ae-shop-pagination { display: flex; justify-content: center; margin-top: var(--ae-sp-10); }
.ae-shop-pagination .woocommerce-pagination ul {
  display: flex; gap: var(--ae-sp-2); list-style:none; padding:0; margin:0;
}
.ae-shop-pagination .woocommerce-pagination .page-numbers {
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--ae-r-md);
  border: 1.5px solid var(--ae-border);
  font-size: var(--ae-text-sm);
  font-weight: var(--ae-weight-medium);
  color: var(--ae-text-muted);
  transition: all var(--ae-fast);
  background: var(--ae-white);
}
.ae-shop-pagination .woocommerce-pagination .page-numbers.current,
.ae-shop-pagination .woocommerce-pagination .page-numbers:hover {
  background: var(--ae-accent);
  border-color: var(--ae-accent);
  color: var(--ae-primary);
}
/* Empty state */
.ae-shop-empty {
  text-align: center; padding: var(--ae-sp-20);
}
.ae-shop-empty__icon { font-size: 4rem; display: block; margin-bottom: var(--ae-sp-5); }
.ae-shop-empty h2 { font-size: var(--ae-text-2xl); margin-bottom: var(--ae-sp-3); }
.ae-shop-empty p  { color: var(--ae-text-muted); margin-bottom: var(--ae-sp-6); }
@media (max-width: 768px) {
  .ae-shop-header { flex-direction: column; }
  .ae-shop-header__right { flex-direction: column; align-items: flex-start; }
}