/*!
 * Sydney Express: "category in suburb" pages and their links (se-local.php).
 * Uses the archive tokens from se-archive.css (body.se-arc). v1.0.0, 15 Nov 2026.
 */

/* The count under the H1: "12 listed in Marrickville". */
body.se-arc .se-local-count {
	margin: 6px 0 0 !important;
	padding: 0 20px 0 52px !important; /* under the H1 text, past the speed lines */
	font-family: var(--sa-font) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	font-weight: 500 !important;
	color: var(--sa-ink-2) !important;
	font-variant-numeric: tabular-nums;
}

/* The short intro under the count, on pages with 15+ listings. */
body.se-arc .se-local-intro {
	max-width: 62ch;
	margin: 10px 0 0 !important;
	padding: 0 20px 0 52px !important;
	font-family: var(--sa-font) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
	font-weight: 400 !important;
	color: var(--sa-ink-2) !important;
}

/* Related pages, under the results. */
body.se-arc .se-local-links {
	margin: 36px 20px 28px !important; /* lines up with the H1 and the filter row */
	padding: 28px 0 0 !important;
	border-top: 1px solid var(--sa-line) !important;
	font-family: var(--sa-font) !important;
}
body.se-arc .se-local-links .se-ll-group + .se-ll-group { margin-top: 24px !important; }
body.se-arc .se-local-links .se-ll-h {
	margin: 0 0 12px !important;
	padding: 0 !important;
	font-family: var(--sa-font) !important;
	font-size: 17px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	letter-spacing: -.01em;
	text-transform: none !important;
	color: var(--sa-ink) !important;
}
body.se-arc .se-local-links .se-ll-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
body.se-arc .se-local-links .se-ll-list li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.se-arc .se-local-links .se-ll-list li::before { content: none !important; }
body.se-arc .se-local-links a.se-ll-chip {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 0 8px 0 14px !important;
	border: 1px solid var(--sa-line-2) !important;
	border-radius: 999px !important;
	background: var(--sa-surface) !important;
	font-size: 13.5px !important;
	line-height: 1.2 !important;
	font-weight: 500 !important;
	color: var(--sa-ink) !important;
	text-decoration: none !important;
	transition: border-color .16s ease, background-color .16s ease, transform .12s var(--sa-ease);
}
body.se-arc .se-local-links a.se-ll-chip span { color: var(--sa-ink) !important; }
body.se-arc .se-local-links a.se-ll-chip .se-ll-n {
	min-width: 24px;
	padding: 3px 7px !important;
	border-radius: 999px;
	background: var(--sa-canvas) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-align: center;
	color: var(--sa-ink-2) !important;
	font-variant-numeric: tabular-nums;
}
body.se-arc .se-local-links a.se-ll-chip:hover { border-color: var(--sa-ink-3) !important; background: #fff !important; }
body.se-arc .se-local-links a.se-ll-chip:hover .se-ll-n { background: var(--sa-primary-tint) !important; color: var(--sa-primary-press) !important; }
body.se-arc .se-local-links a.se-ll-chip:active { transform: scale(.97); }
body.se-arc .se-local-links a:focus-visible { outline: none !important; box-shadow: var(--sa-ring) !important; }
body.se-arc .se-local-links .se-ll-more {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 22px;
	margin: 22px 0 0 !important;
	padding: 0 !important;
}
body.se-arc .se-local-links .se-ll-more a {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--sa-primary) !important;
	text-decoration: none !important;
	border-radius: 4px;
}
body.se-arc .se-local-links .se-ll-more a:hover { color: var(--sa-primary-hover) !important; text-decoration: underline !important; text-underline-offset: 3px; }

/* After a visitor switches category or suburb in place, the count and the page's links step aside. */
body.se-local-stale .se-local-count,
body.se-local-stale .se-local-intro,
body.se-local-stale .se-local-links.is-local { display: none !important; }

@media (max-width: 767px) {
	body.se-arc .se-local-count { padding: 0 1px 0 29px !important; font-size: 13.5px !important; }
	body.se-arc .se-local-intro { padding: 0 1px 0 29px !important; font-size: 13.5px !important; }
	body.se-arc .se-local-links { margin: 28px 1px 20px !important; padding: 22px 0 0 !important; }
	body.se-arc .se-local-links .se-ll-h { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
	body.se-arc .se-local-links a.se-ll-chip { transition: none; }
}