/* ==================================================
   Wesoły Czas — paginacja działów
   Dotyczy: Kolorowanki, Piosenki, Biblioteczka, Edukacja
   Styl: wesoła, pastelowa, wyśrodkowana paginacja
================================================== */

/* Realny HTML z the_posts_pagination() w katalogach */
.dzial-content > .nav-links,
.dzial-content .wp-block-query-pagination,
.wcmw-dzial-pagination,
nav.wcmw-dzial-pagination,
.navigation.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	margin-top: 28px;
	padding: 0;
	box-sizing: border-box;
}

/* Numery stron i przyciski */
.dzial-content > .nav-links .page-numbers,
.dzial-content .wp-block-query-pagination a,
.dzial-content .wp-block-query-pagination span,
.wcmw-dzial-pagination a,
.wcmw-dzial-pagination span,
nav.wcmw-dzial-pagination a,
nav.wcmw-dzial-pagination span,
.navigation.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	min-height: 38px;
	padding: 8px 13px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	color: #2f2f3a;
	text-decoration: none;
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
	box-shadow: 0 10px 24px rgba(58, 45, 84, 0.12);
	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		background 0.18s ease;
}

/* Aktywna strona */
.dzial-content > .nav-links .page-numbers.current,
.dzial-content .wp-block-query-pagination .current,
.wcmw-dzial-pagination .current,
nav.wcmw-dzial-pagination .current,
.navigation.pagination .page-numbers.current {
	background: linear-gradient(135deg, #dff3dc 0%, #fff2bd 48%, #dceeff 100%);
	color: #242432;
	box-shadow: 0 12px 26px rgba(58, 45, 84, 0.14);
}

/* Hover */
.dzial-content > .nav-links a.page-numbers:hover,
.dzial-content .wp-block-query-pagination a:hover,
.wcmw-dzial-pagination a:hover,
nav.wcmw-dzial-pagination a:hover,
.navigation.pagination a.page-numbers:hover {
	transform: translateY(-2px);
	background: linear-gradient(135deg, #ffd8c9 0%, #fff2bd 48%, #dff3dc 100%);
	color: #242432;
	box-shadow: 0 14px 30px rgba(58, 45, 84, 0.16);
}

/* Poprzednie / Następne */
.dzial-content > .nav-links .page-numbers.prev,
.dzial-content > .nav-links .page-numbers.next,
.wcmw-dzial-pagination .page-numbers.prev,
.wcmw-dzial-pagination .page-numbers.next,
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
	padding-inline: 16px;
}

/* Mobile */
@media (max-width: 640px) {
	.dzial-content > .nav-links,
	.dzial-content .wp-block-query-pagination,
	.wcmw-dzial-pagination,
	nav.wcmw-dzial-pagination,
	.navigation.pagination {
		gap: 8px;
		margin-top: 22px;
	}

	.dzial-content > .nav-links .page-numbers,
	.dzial-content .wp-block-query-pagination a,
	.dzial-content .wp-block-query-pagination span,
	.wcmw-dzial-pagination a,
	.wcmw-dzial-pagination span,
	nav.wcmw-dzial-pagination a,
	nav.wcmw-dzial-pagination span,
	.navigation.pagination .page-numbers {
		min-width: 36px;
		min-height: 36px;
		padding: 8px 12px;
		font-size: 14px;
	}
}