/**
 * EVA Site-wide FontAwesome Fallback Icons
 *
 * Purpose:
 * Replace common FontAwesome icons site-wide after the FontAwesome stylesheet
 * is dequeued.
 *
 * Scope:
 * - Front-end only, via MU plugin enqueue
 * - CSS-only
 * - FontAwesome does not need to remain loaded
 * - Site Reviews / GLSR star ratings are intentionally not targeted
 * - STS-specific parity rules are included in this same file so that the
 *   separate eva-sts-fa-fallback.css file can be retired after testing
 */

body .nav_btn::before,
body .nav_btn.search_btn::before,
body #page-top a.pt-button::before,
body .remodal-close::before,
body .sp_g_nav a::after,
body .fa.fa-search::before,
body #breadcrumb li.bc_homelink a::before,
body .entry-content a[target="_blank"]::after,
body .article-footer .post-categories a::before,
body .article-footer .tags a::before,
body .byline .date::before,
body .byline .writer::before,
body .byline .cat-name::before,
body .entry-content blockquote::before,
body .entry-content blockquote::after,
body .widget.widget_categories li a::after,
body .widget.widget_recent_entries li a::after,
body .widget.widget_nav_menu li a::after,
body .widget.widget_pages li a::after,
body .widget.widget_archive li a::after,
body .widget.widget_mycategoryorder li a::after,
body .accordionBtn::before,
body .readmore a::after,
body #reply-title::before,
body .pr-notation::before,
body .header-info a::before,
body .menu-sp > ul::after,
body .np-post .next a .eyecatch::after,
body .np-post .prev a .eyecatch::before {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-style: normal;
	font-weight: 700;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Header mobile menu icon: FontAwesome f0c9 -> text hamburger */
body .nav_btn::before {
	content: "☰";
	display: block;
	font-size: 2.85em;
	height: 1.1em;
	line-height: 1;
	width: 100%;
}

/* Header search icon: FontAwesome f002 -> simple text/search symbol */
body .nav_btn.search_btn::before {
	content: "⌕";
	display: block;
	font-size: 3em;
	height: 1.1em;
	line-height: 1;
	width: 100%;
}

/* Page top icon: FontAwesome f077 -> up arrow */
body #page-top a.pt-button::before {
	content: "↑";
	display: inline-block;
	font-size: 2.85em;
	line-height: 1;
	position: relative;
	top: -1px;
}

/* Remodal close icon: FontAwesome f00d -> multiplication sign */
body .remodal-close::before {
	content: "×";
	display: inline-block;
	font-size: 1.35em;
	line-height: 1;
	position: relative;
	top: 3px;
}

/* Mobile menu row arrow and widget arrows: FontAwesome f054 -> single right angle */
body .sp_g_nav a::after,
body .widget.widget_categories li a::after,
body .widget.widget_recent_entries li a::after,
body .widget.widget_nav_menu li a::after,
body .widget.widget_pages li a::after,
body .widget.widget_archive li a::after,
body .widget.widget_mycategoryorder li a::after {
	content: "›";
	font-size: 1.35em;
	line-height: 1;
}

/* Search form icon inside modal: FontAwesome f002 -> simple search symbol */
body .fa.fa-search::before {
	content: "⌕";
	display: inline-block;
	font-size: 2.4em;
	line-height: 1;
	position: relative;
	top: -1px;
}

/**
 * STS parity block.
 *
 * These selectors intentionally mirror the former STS-only fallback file with
 * body.page-id-8483 specificity. This keeps /sts/ visually stable while using
 * the site-wide eva-fa-fallback.css file.
 */
body.page-id-8483 .nav_btn::before,
body.page-id-8483 .nav_btn.search_btn::before,
body.page-id-8483 #page-top a.pt-button::before,
body.page-id-8483 .remodal-close::before,
body.page-id-8483 .sp_g_nav a::after,
body.page-id-8483 .fa.fa-search::before {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-style: normal;
	font-weight: 700;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.page-id-8483 .nav_btn::before {
	content: "☰";
	display: block;
	font-size: 2.85em;
	height: 1.1em;
	line-height: 1;
	width: 100%;
}

body.page-id-8483 .nav_btn.search_btn::before {
	content: "⌕";
	display: block;
	font-size: 3em;
	height: 1.1em;
	line-height: 1;
	width: 100%;
}

body.page-id-8483 #page-top a.pt-button::before {
	content: "↑";
	display: inline-block;
	font-size: 2.85em;
	line-height: 1;
	position: relative;
	top: -1px;
}

body.page-id-8483 .remodal-close::before {
	content: "×";
	display: inline-block;
	font-size: 1.35em;
	line-height: 1;
	position: relative;
	top: 3px;
}

body.page-id-8483 .sp_g_nav a::after {
	content: "›";
	font-size: 1.35em;
	line-height: 1;
}

body.page-id-8483 .fa.fa-search::before {
	content: "⌕";
	display: inline-block;
	font-size: 2.4em;
	line-height: 1;
	position: relative;
	top: -1px;
}

/* Breadcrumb home icon: FontAwesome f015 -> house symbol */
body #breadcrumb li.bc_homelink a::before {
	content: "⌂";
	display: inline-block;
	margin-right: 0.3em;
	transform: none;
}

/* External link indicator: FontAwesome f08e -> north-east arrow */
body .entry-content a[target="_blank"]::after {
	content: "↗";
	font-size: 0.9em;
	margin: 0 3px 0 2px;
}

/* Article footer taxonomy icons: FontAwesome hash/tag -> plain hash */
body .article-footer .post-categories a::before,
body .article-footer .tags a::before {
	content: "#";
	margin-right: 0.2em;
}

/* Byline/date/writer/category icons. Kept small because these appear in lists and cards. */
body .byline .date::before {
	content: "◷";
	font-size: 0.88em;
	margin-right: 0.3em;
	position: relative;
	top: -1px;
}

body .byline .writer::before {
	content: "人";
	font-size: 0.88em;
	margin-right: 0.3em;
	position: relative;
	top: -1px;
}

body .byline .cat-name::before {
	content: "●";
	display: inline-block;
	font-size: 0.9em;
	margin-right: 0.5em;
	transform: none;
}

/* Blockquote quote marks */
body .entry-content blockquote::before {
	content: "“";
}

body .entry-content blockquote::after {
	content: "”";
}

/* Accordion / read more / comment / PR helper icons */
body .accordionBtn::before {
	content: "+";
	display: inline-block;
}

body .readmore a::after {
	content: "›";
	margin-left: 1em;
}

body #reply-title::before {
	content: "✎";
	font-size: 1.1em;
	font-weight: 400;
	margin-right: 0.2em;
}

body .pr-notation::before {
	content: "!";
	display: inline-block;
	font-weight: 700;
	margin-right: 0.3em;
	transform: none;
}

/* Header info / menu-sp guide arrows */
body .header-info a::before,
body .menu-sp > ul::after {
	content: "›";
}

/* Previous / next post image arrows */
body .np-post .next a .eyecatch::after {
	content: "›";
}

body .np-post .prev a .eyecatch::before {
	content: "‹";
}