/* Sıralama, sonuç sayısı ve sayfa dizini tek hizalama satırını paylaşır. */
.woocommerce .storefront-sorting {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-4);
	clear: both;
}
.woocommerce .storefront-sorting::before,
.woocommerce .storefront-sorting::after {
	content: none;
}
.woocommerce .storefront-sorting > .woocommerce-notices-wrapper:empty {
	display: none;
}
.woocommerce .storefront-sorting > .woocommerce-notices-wrapper:not(:empty) {
	flex: 0 0 100%;
}
.woocommerce .storefront-sorting > .woocommerce-ordering {
	position: relative;
	flex: 0 1 264px;
	float: none;
	margin: 0;
	max-width: 100%;
}
/* Yerel select satırı, taban çizgisiyle birlikte motorlara göre 46–56 px kaplıyordu. */
.woocommerce .storefront-sorting .woocommerce-ordering select {
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 var(--space-10) 0 var(--space-4);
	border: 1px solid var(--oyp-border-input);
	border-radius: var(--radius-md);
	background: #fff;
	color: var(--cozumoto-text);
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.5;
}
.woocommerce .storefront-sorting .woocommerce-ordering::after {
	content: "";
	position: absolute;
	top: 50%;
	right: var(--space-4);
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-right: 2px solid var(--cozumoto-text-muted);
	border-bottom: 2px solid var(--cozumoto-text-muted);
	transform: rotate(45deg);
	pointer-events: none;
}
.woocommerce .storefront-sorting > .woocommerce-result-count {
	flex: 1 1 200px;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
.woocommerce .storefront-sorting > .woocommerce-pagination {
	flex: 0 1 auto;
	float: none;
	clear: none;
	width: auto;
	max-width: 100%;
	margin: 0 0 0 auto;
}

/* Katalog ve rehber için ortak sayfa dizini. Bağlantı üretimi WordPress'te kalır. */
.woocommerce .storefront-sorting .woocommerce-pagination ul.page-numbers,
.cozumoto-rehber-sayfalama ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	width: fit-content;
	max-width: 100%;
	margin: 0;
	padding: var(--space-2);
	list-style: none;
	background: var(--oyp-surface);
	border: 1px solid var(--cozumoto-border);
	border-radius: var(--radius-md);
}

.woocommerce .storefront-sorting .woocommerce-pagination ul.page-numbers li,
.cozumoto-rehber-sayfalama ul.page-numbers li {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce .storefront-sorting .woocommerce-pagination ul.page-numbers li .page-numbers,
.cozumoto-rehber-sayfalama ul.page-numbers li .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	box-sizing: border-box;
	min-width: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0 var(--space-3);
	border: 1px solid transparent;
	border-radius: var(--radius-sm);
	background: #fff;
	color: var(--cozumoto-navy);
	font-family: var(--font-heading);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	font-variant-numeric: tabular-nums;
	transition: background-color var(--transition-base), border-color var(--transition-base);
}

.woocommerce .storefront-sorting .woocommerce-pagination ul.page-numbers li a.page-numbers:hover,
.cozumoto-rehber-sayfalama ul.page-numbers li a.page-numbers:hover {
	border-color: var(--oyp-primary-dark);
	background: var(--oyp-primary-trans);
	color: var(--cozumoto-navy);
}

.woocommerce .storefront-sorting .woocommerce-pagination ul.page-numbers li .page-numbers.current,
.cozumoto-rehber-sayfalama ul.page-numbers li .page-numbers.current {
	border-color: var(--cozumoto-navy);
	background: var(--cozumoto-navy);
	box-shadow: inset 0 -3px 0 var(--oyp-primary);
	color: #fff;
}

.woocommerce .storefront-sorting .woocommerce-pagination ul.page-numbers li .page-numbers.dots,
.cozumoto-rehber-sayfalama ul.page-numbers li .page-numbers.dots {
	min-width: 16px;
	padding: 0;
	background: transparent;
	color: var(--cozumoto-text-muted);
}

.woocommerce .storefront-sorting .woocommerce-pagination ul.page-numbers li .page-numbers.prev,
.woocommerce .storefront-sorting .woocommerce-pagination ul.page-numbers li .page-numbers.next,
.cozumoto-rehber-sayfalama ul.page-numbers li .page-numbers.prev,
.cozumoto-rehber-sayfalama ul.page-numbers li .page-numbers.next {
	width: auto;
	overflow: visible;
	padding: 0 var(--space-4);
	border-color: var(--cozumoto-border);
	white-space: nowrap;
	text-indent: 0;
}

/* Storefront'un genel next/prev ikon kuralı, metinli bağlantıda çift ok basmasın. */
.woocommerce .storefront-sorting .woocommerce-pagination .page-numbers.prev::before,
.woocommerce .storefront-sorting .woocommerce-pagination .page-numbers.prev::after,
.woocommerce .storefront-sorting .woocommerce-pagination .page-numbers.next::before,
.woocommerce .storefront-sorting .woocommerce-pagination .page-numbers.next::after {
	content: none;
}

.cozumoto-rehber-sayfalama {
	margin-top: var(--space-8);
	padding-top: var(--space-4);
	border-top: 2px solid var(--cozumoto-navy);
}

.cozumoto-rehber-sayfalama-ust {
	display: flex;
	justify-content: space-between;
	gap: var(--space-4);
	margin-bottom: var(--space-3);
	color: var(--cozumoto-navy);
	font-family: var(--font-heading);
	font-size: 14px;
	font-weight: 700;
}

.cozumoto-rehber-sayfalama-ust > :first-child {
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.cozumoto-rehber-sayfalama-ust > :last-child {
	color: var(--cozumoto-text-muted);
	font-variant-numeric: tabular-nums;
}

@media (max-width: 767px) {
	.woocommerce .storefront-sorting > .woocommerce-ordering {
		flex-basis: 100%;
	}
	.woocommerce .storefront-sorting > .woocommerce-result-count {
		flex-basis: 100%;
	}

	.woocommerce .storefront-sorting .woocommerce-pagination {
		flex: 0 0 100%;
		width: 100%;
		float: none;
		clear: none;
		margin: 0;
	}
	.woocommerce .storefront-sorting .woocommerce-pagination ul.page-numbers,
	.cozumoto-rehber-sayfalama ul.page-numbers {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce .storefront-sorting .woocommerce-pagination .page-numbers,
	.cozumoto-rehber-sayfalama .page-numbers {
		transition: none;
	}
}