/**
 * Ohio host fixes for blog content. Only neutralize or complete what the classic Ohio theme does to native markup.
 *
 * 1. Efeonce mention (AXIS efeonce.mention). Ohio's hover underline
 * (.links-underline a:not(.button):not(.tag):not(.-undash):hover, 0,5,1) beats the AXIS hover rule and paints a
 * full-height currentColor gradient over the pill. Same selector shape + the mention classes = 0,7,1.
 * Only neutralizes Ohio's effect; colors and shape stay in the AXIS byte copy.
 */
.links-underline a.axis-mention.axis-mention:not(.button):not(.tag):not(.-undash),
.links-underline a.axis-mention.axis-mention:not(.button):not(.tag):not(.-undash):hover,
.links-underline a.axis-mention.axis-mention:not(.button):not(.tag):not(.-undash):focus-visible,
.links-underline a.axis-mention.axis-mention:not(.button):not(.tag):not(.-undash).-dashed {
	animation: none;
	background-image: none;
}

/*
 * 2. Centered images. Core gives figure.wp-block-image.aligncenter `display: table` but only centers a nested
 *    `.aligncenter` (block themes); in Ohio the figure stays on the left. Complete the core alignment.
 */
.entry-content figure.wp-block-image.aligncenter,
.wp-block-post-content figure.wp-block-image.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.entry-content figure.wp-block-image.aligncenter > figcaption {
	text-align: center;
}

/*
 * 3. Mention in Ohio's dark scheme. Blog content declares data-surface="light"; when the reader switches the theme
 *    to dark (body.dark-scheme) the navy ink would sit on a dark page. The contract lets a host set the mention
 *    variables on the anchor: ink and tints take the dark-surface values. Line accent unchanged.
 */
.dark-scheme a.axis-mention.axis-mention[data-surface="light"][data-line] {
	--axis-mention-ink: #ffffff;
	--axis-mention-tint: rgba(255, 255, 255, 0.1);
	--axis-mention-tint-hover: rgba(255, 255, 255, 0.18);
}

/*
 * 4. Striped tables in Ohio's dark scheme. Core paints odd rows #f0f0f0 for is-style-stripes; Ohio's dark scheme turns
 *    the text white, so those rows became white on light gray. Keep the stripes, on the dark surface.
 */
.dark-scheme .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: rgba(255, 255, 255, 0.06);
}

.dark-scheme .wp-block-table.is-style-stripes {
	border-bottom-color: rgba(255, 255, 255, 0.16);
}

/*
 * 5. Article links in Ohio's dark scheme. Ohio paints links with --clb-color-link and its inline theme options set
 *    that variable to navy #022a4e on the link itself (.page-content a:not(.-unlink):not(.tag), 0,3,1), with no dark
 *    value, so body, list, table of contents and FAQ links sat at 1.3:1 on the dark page. La órbita keeps the accent
 *    out of text under 24 px (white on dark), so a link is white and says it is a link with its underline.
 *    Same selector shape inside the article body and the dark scheme; mentions and buttons keep their own look.
 */
.dark-scheme .page-content .entry-content a:not(.-unlink):not(.tag):not(.axis-mention):not(.wp-block-button__link) {
	--clb-color-link: #ffffff;
	--clb-color-link-hover: #ffffff;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	text-decoration-color: rgba(255, 255, 255, 0.5);
}

.dark-scheme .page-content .entry-content a:not(.-unlink):not(.tag):not(.axis-mention):not(.wp-block-button__link):hover {
	text-decoration-color: #ffffff;
}
