/* =============================================================================
 * CarParts — Shop toolbar restyle (sort / per-page / result count)
 * ========================================================================== */

/* the per-page select (۸ محصول) is removed — low value for a small catalog */
.codevz-products-per-page { display: none !important; }

/* one tidy flex row: sort on the start, result-count pushed to the end */
.cp-toolbar {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 22px;
}
.cp-toolbar .woocommerce-ordering,
.cp-toolbar .woocommerce-result-count {
	margin: 0;
	float: none;
	display: inline-flex;
	align-items: center;
}
.cp-toolbar .woocommerce-result-count { margin-inline-start: auto; }

/* the modern select look */
.woocommerce-ordering select.orderby,
.codevz-products-per-page select[name="ppp"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	min-height: 44px;
	padding: 11px 18px 11px 40px;            /* room for the chevron on the (LTR) left */
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #1a1a1a;
	line-height: 1.2;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 14px center;
	background-size: 15px;
	border: 1.5px solid #ececec;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
	cursor: pointer;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.woocommerce-ordering select.orderby:hover,
.codevz-products-per-page select[name="ppp"]:hover {
	border-color: #d6d6d6;
}
.woocommerce-ordering select.orderby:focus,
.codevz-products-per-page select[name="ppp"]:focus {
	outline: none;
	border-color: #eb2500;
	box-shadow: 0 4px 14px rgba(235, 37, 0, .10);
}

/* result count → soft muted pill */
.woocommerce-result-count {
	color: #7c7c7c !important;
	font-size: 13px;
	font-weight: 600;
	background: #f5f5f5 !important;
	border: 1px solid #ececec;
	border-radius: 999px;
	padding: 10px 18px;
}

@media (max-width: 480px) {
	.woocommerce-ordering select.orderby,
	.codevz-products-per-page select[name="ppp"] { min-height: 40px; padding: 9px 14px 9px 34px; font-size: 13px; }
	.woocommerce-ordering, .codevz-products-per-page { margin-inline-start: 6px; }
	.woocommerce-result-count { padding: 8px 13px; font-size: 12px; }
}