/**
 * LightHawk flightline — the page-wide "follow the plane" overlay skin.
 * Port of the mockup .flightline rules (lighthawk-home-v3.css), token-composed:
 * trail/glow = brand sky at the mockup alphas; plane = white with an ink-ish
 * outline. The SVG itself is built by assets/js/flightline.js (aria-hidden,
 * desktop + motion-allowed only).
 */

.flightline {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	pointer-events: none;
	/* `hidden`, not `visible`: with overflow visible an SVG's border box
	   reports the union of its painted geometry, so any overshoot — or a box
	   left stale by a resize — widened the document and produced a
	   horizontal scrollbar. Clipping the overlay (and capping it at the
	   body width) makes it structurally incapable of adding scroll width;
	   the trail and plane are drawn inside the viewBox regardless. */
	overflow: hidden;
	max-width: 100%;
}

.flightline-trail {
	fill: none;
	stroke: color-mix(in srgb, var(--wp--custom--brand--sky) 62%, transparent);
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-dasharray: 0.1 10;
}

.flightline-glow {
	fill: none;
	stroke: color-mix(in srgb, var(--wp--custom--brand--sky) 14%, transparent);
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-dasharray: 0.1 10;
	filter: blur(3px);
}

.flightline-plane {
	fill: var(--wp--preset--color--white);
	stroke: color-mix(in srgb, var(--wp--custom--brand--ink-strong) 78%, transparent);
	stroke-width: 1.4;
	paint-order: stroke;
	opacity: 0;
	filter: drop-shadow(0 1px 2px color-mix(in srgb, var(--wp--preset--color--contrast) 50%, transparent));
}