/**
 * agenic Komponenten-CSS – Logo-Verhalten (Wheel-Drehung beim Hover).
 *
 * Zweck: Sitzt die agenic-Marke in einem Link, dreht sich das Wheel beim
 * Hover und beim Tastatur-Fokus um eine Blattposition weiter. Gilt für beide
 * Partials — `ag_render_logo_mark()` (Bildmarke) und `ag_render_logo_wbm()`
 * (Wort-Bild-Marke); die Wortmarke bleibt dabei stehen.
 *
 * Quelle der Regel: Entscheidung Vincent, 07.09.2026 — „Das Wheel darf im
 * Sinne einer Animation gedreht werden. Es muss nur in der Enddarstellung
 * wieder dem Logo entsprechen." Damit ist der Don't-Punkt auf Seite
 * `0.1 · Logos` (Regal shelf/wort-bild-marke, Box ✕ Vermeiden, 2077:44112:
 * „Wheel nicht drehen, spiegeln oder einzeln umgestalten.") als Regel für die
 * statische Marke gelesen, nicht als Motion-Verbot. Rückspielpunkt: 0.1 und
 * 0.7 tragen die Motion-Regel noch nicht — Findings im Projekt-Doc.
 *
 * Warum 60 Grad: Die sechs Blätter stehen im 60-Grad-Raster um die Mitte der
 * Bildmarke. Programmatisch gemessen an den SVG-Pfaden beider Partials
 * (07.09.2026): Winkelabstände der sechs Blattschwerpunkte 58,87–61,42 Grad
 * (Fehler max. 1,42 Grad gegen 60), Radien 49,553–53,003 Einheiten. Nach
 * 60 Grad steht die Marke deshalb wieder auf ihrem Ausgangsbild — die
 * Enddarstellung entspricht dem Logo, wie in der Entscheidung gefordert.
 *
 * Drehmitte: `transform-box: fill-box` plus `transform-origin: center` nimmt
 * die Mitte der Umschließenden der Wheel-Gruppe. Gemessen ist das
 * 62,3208 / 66,0270 im Partial `logo-mark` (viewBox 0 0 125 133) und
 * 732,0467 / 189,5830 im Partial `logo-wbm`. Eine ausgleichsgerechnete
 * Bestpassung läge 1,251 Einheiten daneben (1,00 % der Logobreite) und
 * verschlechtert den Winkelfehler auf 2,06 Grad — die Umschließenden-Mitte
 * ist also die bessere und zugleich die wartungsfreie Wahl.
 *
 * Motion-Tokens: Dauer `Motion/hover` = duration/s = 350 ms, Easing
 * `Values/motion/easing/standard` — dasselbe Rezept wie shelf/pfeil-und-
 * underline auf `0.7 · Animation` (1238:129). Nur `transform` wird animiert
 * (Prinzip 5 auf 0.7). Bei `prefers-reduced-motion: reduce` steht die
 * Bewegung vollständig.
 *
 * Konsumenten: ag_header, ag_footer — jeweils nur der Zweig mit gesetztem
 * Logo-Link. Ohne Link trägt die Marke ein <span> und dreht sich nicht.
 * Markup-Partials: includes/render-logo-mark.php, includes/render-logo-wbm.php.
 */

.ag-logo-link {
	/* L3 mit L2-Defaults */
	--ag-logo-drehung:        60deg;
	--ag-logo-drehung-dauer:  var(--motion-hover, 350ms);
	--ag-logo-drehung-easing: var(--motion-ease-standard, cubic-bezier(.22, .8, .24, 1));
}

.ag-logo-link .ag-logo-mark__wheel,
.ag-logo-link .ag-logo-wbm__wheel {
	/* fill-box = Umschließende der Gruppe; ihre Mitte ist die Drehmitte des
	   Wheels (siehe Messung im Kopf). Ohne transform-box läge der Ursprung im
	   Ursprung des Anwendungsbereichs, das Wheel würde ausschwenken. */
	transform-box:    fill-box;
	transform-origin: center;
	transition: transform var(--ag-logo-drehung-dauer) var(--ag-logo-drehung-easing);
}

.ag-logo-link:hover .ag-logo-mark__wheel,
.ag-logo-link:hover .ag-logo-wbm__wheel,
.ag-logo-link:focus-visible .ag-logo-mark__wheel,
.ag-logo-link:focus-visible .ag-logo-wbm__wheel {
	/* Fokus wird gleichbehandelt wie Hover — Regel shelf/pfeil-und-underline. */
	transform: rotate(var(--ag-logo-drehung));
}

@media (prefers-reduced-motion: reduce) {

	.ag-logo-link .ag-logo-mark__wheel,
	.ag-logo-link .ag-logo-wbm__wheel,
	.ag-logo-link:hover .ag-logo-mark__wheel,
	.ag-logo-link:hover .ag-logo-wbm__wheel,
	.ag-logo-link:focus-visible .ag-logo-mark__wheel,
	.ag-logo-link:focus-visible .ag-logo-wbm__wheel {
		transition: none;
		transform:  none;
	}
}