/**
 * Arrow icon after the "Login / Register" header button text.
 *
 * Targets Astra's native Header Builder button (.ast-header-button-1 —
 * Customizer-configured, not one of the theme's own custom widgets) rather
 * than editing Astra core, so it survives theme/plugin updates.
 *
 * Uses the SAME icon as ElementsKit's <i class="icon icon-right-arrow">
 * (glyph \e9c5 in the `elementskit` icon font, already enqueued site-wide by
 * the elementskit-lite plugin) rather than a plain unicode arrow — real
 * markup can't be injected into Astra's button output without patching
 * theme core, so this reproduces the same icon via ::after instead. The
 * font's own `.icon::before` rule is scoped to Elementor/ElementsKit
 * contexts only, so font-family + content are declared explicitly here
 * rather than relying on that scoped rule to reach this button.
 */

.ast-header-button-1 .ast-custom-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.ast-header-button-1 .ast-custom-button::after {
	content: '\e9c5'; /* same glyph as icon.icon-right-arrow */
	font-family: 'elementskit';
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	display: inline-block;
	font-size: 1em;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(-45deg);
	transition: transform 0.2s ease;
}

.ast-header-button-1 .ast-custom-button-link:hover .ast-custom-button::after {
	transform: rotate(-45deg) translateX(2px);
}