/*!
 * Amely - Font Awesome 5 Pro -> Font Awesome 6 Free backward-compat layer.
 *
 * The theme shipped Font Awesome Pro 5 for years, so user content / custom CSS may
 * reference the "Font Awesome 5 Pro" family name and the Pro-only .fal (light) and
 * .fad (duotone) classes. FA6 Free already ships "Font Awesome 5 Free",
 * "Font Awesome 5 Brands" and legacy "FontAwesome" aliases, but NOT the "Pro" name.
 * This layer fills that gap so old icons keep rendering after the FA Pro -> FA6 Free swap.
 *
 * Enqueue after the FA6 "font-awesome" stylesheet. Webfont paths are relative to this file.
 */

/* Alias the old Pro family name to the bundled FA6 Free webfonts. */
@font-face {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-display: block;
	src: url(../webfonts/fa-solid-900.woff2) format("woff2");
}

@font-face {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-display: block;
	src: url(../webfonts/fa-regular-400.woff2) format("woff2");
}

/* Light (300) has no Free equivalent: fall back to solid so the glyph still shows. */
@font-face {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-display: block;
	src: url(../webfonts/fa-solid-900.woff2) format("woff2");
}

/* Pro-only style classes dropped by FA6 Free: restore icon rendering, map to solid. */
.fal,
.fad,
.fa-light,
.fa-duotone {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

/*
 * Brand refresh: render the legacy Twitter bird (.fa-twitter, "\f099") as the X logo
 * ("\e61b", fa-x-twitter). Remaps the glyph in one place so every existing usage and
 * user-saved "twitter" social link shows X without changing the saved option keys.
 * Both .fa-twitter and .fa-square-twitter point at the X marks.
 */
.fa-twitter {
	--fa: "\e61b";
}

.fa-twitter::before {
	content: "\e61b";
	content: var(--fa, "\e61b");
}

.fa-twitter-square,
.fa-square-twitter {
	--fa: "\e61a";
}

.fa-twitter-square::before,
.fa-square-twitter::before {
	content: "\e61a";
	content: var(--fa, "\e61a");
}