/*
 * Boldbrands Icon-Subset
 * ----------------------
 * Ersetzt das komplette FontAwesome von Theme (FA 6.1.2, ~253 KB) UND Elementor
 * (FA 5.15.3, ~167 KB). Enthält nur die tatsächlich verwendeten Glyphen plus eine
 * kleine Auswahl an Pfeilen und Kontakt-Icons für spätere Verwendung.
 *
 * Quelle: aus den Original-Webfonts des Themes subgesettet (fonttools + woff2).
 * Größe: bb-icons-solid.woff2 1,2 KB · bb-icons-brands.woff2 1,3 KB.
 *
 * Klassennamen: Es sind bewusst BEIDE Namensschemata definiert — die alten FA5-Namen,
 * die das aktuelle HTML verwendet (fa-times, fa-phone-alt, fa-long-arrow-alt-right,
 * fa-map-marker-alt), und die neuen FA6-Namen (fa-xmark, fa-phone-flip, ...). So
 * funktioniert das bestehende Markup unverändert, und neue Icons können in beiden
 * Schreibweisen gesetzt werden.
 *
 * Enthaltene Glyphen:
 *   Solid : plus, xmark/times, arrow-right, arrow-left, arrow-up, arrow-down,
 *           arrow-right-long/long-arrow-alt-right, arrow-left-long, chevron-left/right,
 *           angle-left/right, envelope, phone, phone-flip/phone-alt,
 *           map-marker-alt/location-dot, at
 *   Brands: instagram, facebook-f, linkedin, whatsapp, xing, youtube, tiktok
 */

/*
 * Die FontAwesome-CSS des Themes definierte CSS-Variablen (--fa-font-solid usw.), die an
 * anderer Stelle per `font: var(--fa-font-solid)` mit `content: "\f0.."` verwendet werden —
 * z. B. der Pfeil im Back-to-Top-Button (.progress-wrap::after, content \f062 = arrow-up).
 * Nach dem Entfernen der Theme-FA wären diese Variablen leer und die Zeichen würden als
 * System-Font-Tofu rendern. Hier auf die Subset-Schriften umgebogen, damit der Vertrag hält.
 * --fa-font-regular fällt bewusst auf Solid zurück (kein Regular-Subset vorhanden).
 */
:root {
	--fa-font-solid: normal 900 1em/1 "bb-fa-solid";
	--fa-font-regular: normal 900 1em/1 "bb-fa-solid";
	--fa-font-brands: normal 400 1em/1 "bb-fa-brands";
}

@font-face {
	font-family: "bb-fa-solid";
	src: url("bb-icons-solid.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "bb-fa-brands";
	src: url("bb-icons-brands.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Basis-Rendering für alle Icon-Elemente. */
.fa,
.fas,
.fab,
.far {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
}

/* Solid ist die Standardfamilie. .far wird bewusst ebenfalls auf Solid gelegt:
   Es gibt aktuell keine Regular-Icons mehr, aber falls versehentlich eines gesetzt
   wird, rendert es als Solid statt als leeres Kästchen (sofern die Glyphe im Subset
   enthalten ist). */
.fa,
.fas,
.fa-solid,
.far,
.fa-regular {
	font-family: "bb-fa-solid";
	font-weight: 900;
}

.fab,
.fa-brands {
	font-family: "bb-fa-brands";
	font-weight: 400;
}

/* --- Solid-Glyphen --- */
.fa-plus::before { content: "\2b"; }
.fa-times::before,
.fa-xmark::before { content: "\f00d"; }
.fa-arrow-right::before { content: "\f061"; }
.fa-arrow-left::before { content: "\f060"; }
.fa-arrow-up::before { content: "\f062"; }
.fa-arrow-down::before { content: "\f063"; }
.fa-long-arrow-alt-right::before { content: "\f30b"; }
.fa-arrow-right-long::before,
.fa-long-arrow-right::before { content: "\f178"; }
.fa-arrow-left-long::before,
.fa-long-arrow-left::before { content: "\f177"; }
.fa-chevron-right::before { content: "\f054"; }
.fa-chevron-left::before { content: "\f053"; }
.fa-angle-right::before { content: "\f105"; }
.fa-angle-left::before { content: "\f104"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-phone::before { content: "\f095"; }
.fa-phone-alt::before,
.fa-phone-flip::before { content: "\f879"; }
.fa-map-marker-alt::before,
.fa-location-dot::before { content: "\f3c5"; }
.fa-at::before { content: "\40"; }

/* --- Brands-Glyphen --- */
.fa-instagram::before { content: "\f16d"; }
.fa-facebook-f::before { content: "\f39e"; }
.fa-linkedin::before { content: "\f08c"; }
.fa-whatsapp::before { content: "\f232"; }
.fa-xing::before { content: "\f168"; }
.fa-youtube::before { content: "\f167"; }
.fa-tiktok::before { content: "\e07b"; }