/* ============================================================
   moonwalk.css — IcoMoon-Font mit FA-kompatiblen Klassen
   Drop-in Ersatz: gleiches <i>-Markup wie Font Awesome
   ============================================================ */

/* --- Font Face -------------------------------------------- */
@font-face {
	font-family: 'moonwalk';
	src: url('/Assets/fonts/icomoon.woff') format('woff'),
	url('/Assets/fonts/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

/* --- Base: alle FA-Gewichtsklassen auf moonwalk ----------- */
.fa-duotone,
.fa-solid,
.fa-thin,
.fa-light,
.fa-regular,
.fa-classic,
.fa-brands {
	display: inline-block;
	font-family: 'moonwalk' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* --- Duotone Layer-Setup ---------------------------------- */
.fa-duotone {
	position: relative;
}

.fa-duotone::before {
	color: var(--fa-primary-color, currentColor);
	opacity: var(--fa-primary-opacity, 1);
}

.fa-duotone::after {
	position: absolute;
	left: 0;
	top: 0;
	color: var(--fa-secondary-color, currentColor);
	opacity: var(--fa-secondary-opacity, 0.4);
}

/* --- Sizes ------------------------------------------------ */
.fa-2xs { font-size: 0.625em; }
.fa-xs  { font-size: 0.75em; }
.fa-sm  { font-size: 0.875em; }
.fa-1x  { font-size: 1em; }
.fa-lg  { font-size: 1.25em; vertical-align: -0.0667em; }
.fa-xl  { font-size: 1.5em; vertical-align: -0.125em; }
.fa-2xl { font-size: 2em; vertical-align: -0.3125em; }
.fa-2x  { font-size: 2em; }
.fa-3x  { font-size: 3em; }
.fa-4x  { font-size: 4em; }
.fa-5x  { font-size: 5em; }
.fa-6x  { font-size: 6em; }
.fa-7x  { font-size: 7em; }
.fa-8x  { font-size: 8em; }
.fa-9x  { font-size: 9em; }
.fa-10x { font-size: 10em; }

/* --- Utilities -------------------------------------------- */
.fa-fw {
	width: 1.25em;
	text-align: center;
}

.fa-spin {
	animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* ============================================================
   Icon Definitions — Duotone
   primary (::before) = Hauptform, volle Deckkraft
   secondary (::after) = Akzent, halbtransparent
   ============================================================ */

/* location-crosshairs */
.fa-location-crosshairs::before { content: "\e900"; }
.fa-location-crosshairs::after  { content: "\e901"; }

/* angles-right */
.fa-angles-right::before { content: "\e904"; }
.fa-angles-right::after  { content: "\e905"; }

/* arrow-up */
.fa-arrow-up::before { content: "\e906"; }
.fa-arrow-up::after  { content: "\e907"; }

/* bolt-lightning */
.fa-bolt-lightning::before { content: "\e908"; }
.fa-bolt-lightning::after  { content: "\e909"; }

/* code */
.fa-code::before { content: "\e90b"; }
.fa-code::after  { content: "\e90c"; }

/* compass-drafting */
.fa-compass-drafting::before { content: "\e90d"; }
.fa-compass-drafting::after  { content: "\e90e"; }

/* microchip */
.fa-microchip::before { content: "\e90f"; }
.fa-microchip::after  { content: "\e910"; }

/* print */
.fa-print::before { content: "\e911"; }
.fa-print::after  { content: "\e912"; }

/* whatsapp */
.fa-whatsapp::before { content: "\e913"; }
.fa-whatsapp::after  { content: "\e914"; }

/* phone-volume */
.fa-phone-volume::before { content: "\e915"; }
.fa-phone-volume::after  { content: "\e916"; }

/* ============================================================
   Icon Definitions — Solid (single layer, nur ::before)
   SCSS-referenzierte Icons behalten Original-FA-Codepoints
   ============================================================ */

/* angle-down — SCSS \f107 */
.fa-angle-down::before { content: "\f107"; }

/* angle-right — SCSS \f105 */
.fa-angle-right::before { content: "\f105"; }
/* arrow-right — f061 */
.fa-arrow-right::before { content: "\f061"; }
/* angles-down */
.fa-angles-down::before { content: "\e903"; }

/* circle-check — SCSS \f058 */
.fa-circle-check::before { content: "\f058"; }

/* arrow-up-long — SCSS \f176 (scroll-top) */
.fa-arrow-up-long::before { content: "\f176"; }

/* bars (hamburger) */
.fa-bars::before { content: "\f0c9"; }

/* xmark (close) */
.fa-xmark::before { content: "\f00d"; }