/*
 * Design System - AELITA
 * components/news-single-nav.css - News single previous/next navigation.
 *
 * WP3-N2: zero-visual ownership migration for the blog post prev/next bar.
 * Scoped by the class-only hook .a-news-single-nav (added to the existing
 * .container-fluide.pages_nav in single.php). Loaded only for is_singular('post'),
 * so it never applies to product CPT singles, archives or pages.
 *
 * The legacy rules in main.css stay in place and are not removed; design-system
 * CSS loads before legacy main.css, so the scoped selectors win by specificity,
 * regardless of source order, without !important:
 *   .pages_nav                 0,1,0 -> .a-news-single-nav.pages_nav                  0,2,0
 *   .news-prev_link a          0,1,1 -> .a-news-single-nav .news-prev_link a           0,2,1
 *   .news-next_link a          0,1,1 -> .a-news-single-nav .news-next_link a           0,2,1
 *
 * Exact tokens mapped (#d5dce8 -> --c-ink-100, #8c98ad -> --c-ink-300,
 * #1f2030 -> --c-ink-800, #fff -> --c-white). Token debt kept literal:
 * #fefefe, 20px font-size, 10px/20px padding, 15px/20px margins.
 */

.a-news-single-nav.pages_nav {
	background-color: var(--c-ink-100); /* #d5dce8 */
}

.a-news-single-nav .news-prev_link a,
.a-news-single-nav .news-next_link a {
	margin: 15px 0;
	font-size: 20px;
	padding: 10px 20px;
	display: inline-block;
}

.a-news-single-nav .news-prev_link a {
	background-color: var(--c-ink-300); /* #8c98ad */
	color: var(--c-white); /* #fff */
	margin-right: 20px;
}

.a-news-single-nav .news-next_link a {
	background-color: var(--c-ink-800); /* #1f2030 */
	color: #fefefe;
	margin-left: 20px;
}