/* Shop / category archive chrome: heading, result count, sorting bar,
   category banner, pagination. Product cards themselves live in
   product-card.css. */

.souq-shop-header{ padding-block:16px 8px; }
.souq-shop-header h1{ font-size:24px; font-weight:900; color:var(--souq-text); margin:0 0 6px; }
.souq-shop-header__desc{ font-size:14px; color:var(--souq-text-secondary); max-width:70ch; }

.souq-category-banner{ border-radius:var(--souq-radius-lg); overflow:hidden; margin-block-end:16px; position:relative; }
.souq-category-banner img{ width:100%; max-height:220px; object-fit:cover; }

.woocommerce-result-count{ font-size:13px; color:var(--souq-text-muted); margin:0; }

.woocommerce-ordering select{
	background:var(--souq-surface); border:1px solid var(--souq-border); border-radius:var(--souq-radius-sm);
	padding:8px 12px; font-size:13px; min-height:40px;
}

.woocommerce-notices-wrapper:empty{ display:none; }

.woocommerce ul.products{
	display:grid; gap:16px; list-style:none; margin:0; padding:0;
	grid-template-columns:repeat(2, 1fr);
}
@media (min-width:640px){ .woocommerce ul.products{ grid-template-columns:repeat(3, 1fr); } }
@media (min-width:1024px){ .woocommerce ul.products{ grid-template-columns:repeat(4, 1fr); } }
.woocommerce ul.products li.product{ margin:0; width:auto; float:none; }

/* Toolbar row: result count + sorting, wraps on mobile without overflow */
.souq-shop-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-block:12px; border-block:1px solid var(--souq-border); margin-block-end:20px; }

/* Pagination */
.woocommerce nav.woocommerce-pagination ul{ display:flex; gap:6px; list-style:none; padding:0; margin:24px 0 0; justify-content:center; }
.woocommerce nav.woocommerce-pagination ul li{ border:0; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
	display:flex; align-items:center; justify-content:center; min-width:38px; height:38px;
	border-radius:var(--souq-radius-sm); border:1px solid var(--souq-border); color:var(--souq-text); font-size:13px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--souq-primary); border-color:var(--souq-primary); color:#fff; }