/*
Theme Name: Quantum Private Wealth
Theme URI: https://quantumprivatewealth.com
Description: Child theme of Hello Elementor carrying the Quantum Private Wealth design system — Fraunces/Manrope typography, parchment/ink/gold palette, and the editorial component classes used throughout the Elementor page builds.
Author: Quantum Private Wealth
Template: hello-elementor
Version: 1.0.0
Text Domain: quantum
*/

/* Design system lives in assets/css/quantum.css, enqueued from functions.php. */

/* ---------------------------------------------------------------------------
   Insights archive: filter links and server-side pagination.

   The previous archive rendered its category filters as <button> elements and
   had no pager at all, so the theme CSS only ever styled buttons. The paginated
   archive uses <a> elements, which fall through to hello-elementor's reset
   (a { color:#c36 }) — that is the red. These rules give the links and the
   pager the styling the buttons already had.
   --------------------------------------------------------------------------- */

.q-archive__filters a {
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	font-family: var(--font-sans);
	font-size: 0.75rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: hsl(var(--ink) / 0.55);
	transition: color 0.3s ease;
}
.q-archive__filters a:hover { color: hsl(var(--ink)); }
.q-archive__filters a.is-active { color: hsl(var(--brand-deep)); }

.q-pager {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 3rem;
	padding-top: 1.75rem;
	border-top: 1px solid hsl(var(--ink) / 0.15);
}
.q-pager__step {
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-weight: 500;
	color: hsl(var(--ink));
	text-decoration: none;
	border: 1px solid hsl(var(--ink) / 0.2);
	padding: 0.7rem 1.1rem;
	transition: border-color 0.3s ease, color 0.3s ease;
}
.q-pager__step:hover { border-color: hsl(var(--brand)); color: hsl(var(--brand-deep)); }
.q-pager__count {
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: hsl(var(--ink) / 0.5);
	font-variant-numeric: tabular-nums;
	margin-inline: auto;
}