.arz-gf-currency-logo {
	display: inline-block;
	inline-size: 1.1em;
	block-size: 1.1em;
	margin-inline-end: 0.4em;
	vertical-align: -0.2em;
	border-radius: 50%;
	flex-shrink: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.arz-gf-currency-logo {
		transition: opacity 0.15s ease-in-out;
	}
}

/*
 * Round 3 T6 — keep the flag beside the currency name.
 *
 * Scoped to the exact containers the enhancement decorates (the JS adds this
 * class as it inserts), never to `.gfield_label` at large: this plugin must
 * not restyle Gravity Forms for the whole site.
 *
 * The theme renders these labels as a spread flex row, which pushed the flag
 * to the opposite edge of the field. Anchoring the row to the start and
 * ordering the logo first puts it back against the name in RTL.
 */
.arz-gf-currency-has-logo {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4em;
	flex-wrap: wrap;
}

.arz-gf-currency-has-logo > .arz-gf-currency-logo {
	order: -1;
	margin-inline-end: 0;
}