/*
 * AutoSEO Fixer – GeneratePress styles
 * Load after front.css. Uses GeneratePress global colours
 * (Customizer → Colors → Global Colors), so changing them there restyles AutoSEO too.
 */

.asf-toc,
.asf-related,
.asf-video-about,
.asf-yt {
	--asf-accent: var(--accent, #1e73be);
	--asf-muted: var(--contrast-2, #575760);
	--asf-border: var(--base, #f0f0f0);
	--asf-bg: var(--base-2, #f7f8f9);
	--asf-radius: 6px;
}

/* A white box on a light-grey page (Separate Containers layout) needs a visible border */
.separate-containers .asf-toc,
.separate-containers .asf-related,
.separate-containers .asf-video-about {
	--asf-border: color-mix(in srgb, var(--contrast-3, #b2b2be) 45%, transparent);
}

/* Match GeneratePress block spacing inside .entry-content */
.entry-content nav.asf-toc,
.entry-content .asf-video-about {
	margin-block: 0 1.5em;
}

.entry-content nav.asf-toc .asf-toc-title strong {
	font-weight: 600;
}

/* GeneratePress underlines content links when "Underline links" is on; not inside these widgets */
.entry-content nav.asf-toc li a,
.entry-content section.asf-related li a {
	text-decoration: none;
}

/* Related posts heading uses the theme's H2 font, a bit smaller */
.entry-content .asf-related h2 {
	font-size: 1.25em;
	margin-bottom: .9em;
}

section.asf-related li a {
	background: var(--base-3, #fff);
}

.one-container section.asf-related li a {
	background: var(--asf-bg);
}

section.asf-related li a:hover,
section.asf-related li a:focus-visible {
	color: var(--contrast, #222);
}

/* Room for GP Premium's sticky navigation when jumping to a heading */
.sticky-enabled :is(h2, h3, h4)[id],
.menu-bar-sticky :is(h2, h3, h4)[id] {
	--asf-scroll-offset: 90px;
}

/* Full-width content layout: keep the contents box readable */
.full-width-content .entry-content nav.asf-toc {
	max-width: 900px;
}