/*
Theme Name: Price Busters Plumbing
Template: twentytwentyfive
Author: Chek Creative
Description: Brand child theme of Twenty Twenty-Five for Price Busters Plumbing & Sewer. Applies the brand palette (blue #1257A1 / orange #FF6F16), Nunito Sans typography, and logo.
Version: 1.0.0
Text Domain: price-busters
*/

/* ---------------------------------------------------------------------------
   Blog pagination — pill-style page links.
   Colors/spacing pull from theme.json tokens so this stays brand-consistent.
   (Number links render as .page-numbers <a>/<span>, which theme.json can't
   target directly — hence this small, scoped stylesheet.)
--------------------------------------------------------------------------- */
.wp-block-query-pagination {
	gap: 0.5rem;
	align-items: center;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-width: 2.75rem;
	height: 2.75rem;
	padding: 0 0.9rem;
	border: 1px solid #d5e0ea;
	border-radius: 8px;
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--primary);
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.wp-block-query-pagination .page-numbers:hover,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
	background-color: var(--wp--preset--color--base-2);
	border-color: var(--wp--preset--color--primary);
}

.wp-block-query-pagination .page-numbers.current {
	background-color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

.wp-block-query-pagination .page-numbers.dots {
	min-width: 0;
	padding: 0 0.25rem;
	border: none;
	background: none;
	color: var(--wp--preset--color--muted);
}

/* ---------------------------------------------------------------------------
   Blog single — sticky internal-linking sidebar + clean link lists.
--------------------------------------------------------------------------- */
.pb-blog-sidebar {
	align-self: flex-start;
	position: sticky;
	top: 90px;
}

.pb-linklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pb-linklist li {
	padding: 0.55rem 0;
	border-bottom: 1px solid #e2e8f0;
}

.pb-linklist li:last-child {
	border-bottom: none;
}

.pb-linklist a {
	font-weight: 600;
	text-decoration: none;
}

.pb-linklist a:hover {
	text-decoration: underline;
}

/* On stacked (mobile) layout, don't pin the sidebar. */
@media (max-width: 781px) {
	.pb-blog-sidebar {
		position: static;
	}
}