Language and Currency Selector

Generate the Liquid, CSS, and JavaScript for a language and currency selector section that I can paste into my theme as a custom section, integrating with Shopify Markets. The selector should render as a dropdown or flyout panel in the [SELECTOR_POSITION] (header, footer, or both). The language selector should list all available locales from the shop.published_locales object, displaying each language name in its native script. The currency selector should list all enabled currencies from the localization.available_countries object, showing the country flag emoji, country name, and currency code. When the customer selects a new language or currency, submit the selection using the Shopify localization form with the _method input set to the correct locale and country endpoints. Include settings for display style [DISPLAY_STYLE] (dropdown, flyout, or inline), trigger text format [TRIGGER_FORMAT] (such as flag plus currency code or language name plus currency symbol), background color [SELECTOR_BG_COLOR], text color [SELECTOR_TEXT_COLOR], hover color [HOVER_COLOR], border color [BORDER_COLOR], and max-height [MAX_HEIGHT] pixels for the dropdown list. On mobile, the selector should display as a fullscreen modal with a list layout for easy tapping. Add a setting to show or hide the country flag [SHOW_FLAGS]. Ensure the component is accessible with proper ARIA roles, labels, and keyboard navigation. Provide complete Liquid, CSS, and JavaScript.

To use the generated code: go to Online Store > Themes > Edit code, create a new file at sections/language-currency-selector.liquid, and paste the code in. Save, then open the theme customizer and add the section to your header and/or footer where you want the selector to appear.