/**
 * Theme – Icon-Font (Fontello-Set aus dem Alt-Theme, neu verdrahtet).
 *
 * Bewusste Ausnahme von der «keine Icon-Fonts»-Regel (siehe CLAUDE.md):
 * Das Social-Icon-Set wird 1:1 als Web-Font übernommen. Struktur neu
 * geschrieben mit spnkt-Konventionen, nur die Codepoints stammen aus dem
 * Fontello-Export (assets/fonts/icons-unserwald.woff2).
 *
 * Verwendung:
 *   <span class="spnkt-icon spnkt-icon--instagram" aria-hidden="true"></span>
 * Das Icon selbst ist dekorativ (aria-hidden); die Bedeutung trägt das
 * umgebende Element (z.B. aria-label am Link).
 */

@font-face {
	font-family: 'spnkt-icons';
	src: url('../fonts/icons-unserwald.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: block; /* Icon-Fonts nie mit Fallback-Text rendern (kein FOIT-Kcompromiss nötig). */
}

.spnkt-icon {
	font-family: 'spnkt-icons';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	speak: none; /* Screenreader lesen die PUA-Glyphe nicht vor. */
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Codepoints aus dem Fontello-Set (Private Use Area). */
.spnkt-icon--linkedin::before {
	content: '\e801';
}

.spnkt-icon--instagram::before {
	content: '\e802';
}

.spnkt-icon--facebook::before {
	content: '\e804';
}

.spnkt-icon--close::before {
	content: '\e805';
}

.spnkt-icon--arrow-right::before {
	content: '\e806';
}

.spnkt-icon--tiktok::before {
	content: '\e807';
}

.spnkt-icon--arrow-back::before {
	content: '\e808';
}