/* Mobile locale flag circles: even breathing room between every button.
   Selected locale used a larger flag, so a plain ul gap looked like it
   only applied between the smaller (inactive) locales. */
@media (max-width: 991px) {
	.pls-header-language-label .wpml-ls-legacy-list-horizontal > ul,
	.pls-header-language-label .wpml-ls > ul,
	.pls-header-mobile .wpml-ls-legacy-list-horizontal > ul,
	.pls-header-mobile .wpml-ls > ul {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 8px;
	}

	.pls-header-language-label .wpml-ls-item,
	.pls-header-mobile .wpml-ls-item {
		margin: 0 !important;
	}

	.pls-header-language-label a.wpml-ls-link,
	.pls-header-mobile a.wpml-ls-link {
		padding: 0 !important;
		min-width: 28px;
		min-height: 28px;
	}

	/* Same outer size for every circle so gaps read evenly; keep the
	   gold ring on the active locale without growing its layout box. */
	.pls-header-language-label .wpml-ls-flag,
	.pls-header-language-label .wpml-ls-current-language .wpml-ls-flag,
	.pls-header-mobile .wpml-ls-flag,
	.pls-header-mobile .wpml-ls-current-language .wpml-ls-flag {
		width: 22px !important;
		height: 22px !important;
		box-sizing: border-box;
	}

	.pls-header-language-label .wpml-ls-current-language .wpml-ls-flag,
	.pls-header-mobile .wpml-ls-current-language .wpml-ls-flag {
		border-width: 2px;
	}
}