/*
 * CorpNet self-hosted Font Awesome subset  (cnFaSubsetV1)
 * ------------------------------------------------------------------
 * Replaces the render-blocking Font Awesome Pro kit
 * (kit.fontawesome.com/73c1805408.js) with 20 self-hosted icons across
 * two weights. See Asana work order W2.
 *
 * Inventory (audited on staging + prod, 2026-09-21): 15 solid + 5 brands.
 * Includes fa-star (homepage star ratings) and fa-angle-double-right
 * ("Help Me Decide" CTA) that the original 18-icon list missed.
 *
 * Do NOT minify (project rule). Assets: fa-solid-900.woff2, fa-brands-400.woff2.
 */

@font-face {
	font-family: "CN Font Awesome Solid";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url("fa-solid-900.woff2") format("woff2");
}

@font-face {
	font-family: "CN Font Awesome Brands";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("fa-brands-400.woff2") format("woff2");
}

/* Base icon behaviour (mirrors Font Awesome's .fa / .fas / .fab) */
.fa,
.fas,
.fa-solid,
.fab,
.fa-brands {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
}

.fas,
.fa-solid {
	font-family: "CN Font Awesome Solid";
	font-weight: 900;
}

.fab,
.fa-brands {
	font-family: "CN Font Awesome Brands";
	font-weight: 400;
}

/*
 * Legacy v4 usages that carry only ".fa" (no style prefix) -- pin the
 * correct family + weight directly on the icon class so they still resolve:
 *   <i class="fa fa-list-alt">        (solid)
 *   <i class="fa fa-linkedin-square"> (brands)
 */
.fa-list-alt {
	font-family: "CN Font Awesome Solid";
	font-weight: 900;
}
.fa-linkedin-square {
	font-family: "CN Font Awesome Brands";
	font-weight: 400;
}

/* --- Solid icons (15) --- */
.fa-file-alt::before        { content: "\f15c"; }
.fa-question-circle::before { content: "\f059"; }
.fa-envelope::before        { content: "\f0e0"; }
.fa-dollar-sign::before     { content: "\24"; }
.fa-clock::before           { content: "\f017"; }
.fa-phone::before           { content: "\f095"; }
.fa-user-circle::before     { content: "\f2bd"; }
.fa-magic::before           { content: "\f0d0"; }
.fa-server::before          { content: "\f233"; }
.fa-id-card::before         { content: "\f2c2"; }
.fa-clipboard-list::before  { content: "\f46d"; }
.fa-play-circle::before     { content: "\f144"; }
.fa-list-alt::before        { content: "\f022"; }
.fa-star::before            { content: "\f005"; }
.fa-angle-double-right::before { content: "\f101"; }

/* --- Brand icons (5) --- */
.fa-twitter-square::before   { content: "\f081"; }
.fa-facebook-square::before  { content: "\f082"; }
.fa-youtube-square::before   { content: "\f431"; }
.fa-instagram-square::before { content: "\e055"; }
.fa-linkedin-square::before  { content: "\f08c"; }

/*
 * Screen-reader-only utility (cnFaSubsetV1 addendum, 2026-09-30).
 * The Font Awesome Pro kit that W2 removed ALSO shipped this .sr-only helper.
 * The header's icon-only links ("My Account", "Search", ...) use it to hide
 * their visible text labels while keeping them for assistive tech. Without it
 * those labels leak as large visible text. Restored here (standard FA/Bootstrap
 * definition) so removing the kit doesn't regress the header. Do NOT minify.
 */
.sr-only,
.sr-only-focusable:not(:focus) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}