/* v35 - custom round language flags from approved artwork */
:root{
  --rur-flag-en:url('/media/flag-en.webp');
  --rur-flag-es:url('/media/flag-es.webp');
  --rur-flag-ko:url('/media/flag-ko.webp');
  --rur-flag-ja:url('/media/flag-ja.webp');
  --rur-flag-zh:url('/media/flag-zh.webp');
  --rur-flag-ar:url('/media/flag-ar.webp');
}

#langFlag,#legalLangFlag{display:block!important;color:transparent!important;font-size:0!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;border-radius:50%!important}
#langFlag{width:38px!important;height:38px!important}
#legalLangFlag{width:32px!important;height:32px!important}
html[lang='en'] #langFlag,html[lang='en'] #legalLangFlag{background-image:var(--rur-flag-en)!important}
html[lang='es'] #langFlag,html[lang='es'] #legalLangFlag{background-image:var(--rur-flag-es)!important}
html[lang='ko'] #langFlag,html[lang='ko'] #legalLangFlag{background-image:var(--rur-flag-ko)!important}
html[lang='ja'] #langFlag,html[lang='ja'] #legalLangFlag{background-image:var(--rur-flag-ja)!important}
html[lang='zh'] #langFlag,html[lang='zh'] #legalLangFlag{background-image:var(--rur-flag-zh)!important}
html[lang='ar'] #langFlag,html[lang='ar'] #legalLangFlag{background-image:var(--rur-flag-ar)!important}

.langmenu button[data-lang]{justify-content:space-between!important;direction:ltr!important}
.langmenu button[data-lang]>span:not(.lang-option-flag){order:1!important;flex:1 1 auto!important;min-width:0!important}
.lang-option-flag{order:2!important;flex:0 0 34px!important;width:34px!important;height:34px!important;color:transparent!important;font-size:0!important;border-radius:50%!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:0 2px 9px rgba(0,0,0,.24)!important}
.langmenu button[data-lang='en'] .lang-option-flag{background-image:var(--rur-flag-en)!important}
.langmenu button[data-lang='es'] .lang-option-flag{background-image:var(--rur-flag-es)!important}
.langmenu button[data-lang='ko'] .lang-option-flag{background-image:var(--rur-flag-ko)!important}
.langmenu button[data-lang='ja'] .lang-option-flag{background-image:var(--rur-flag-ja)!important}
.langmenu button[data-lang='zh'] .lang-option-flag{background-image:var(--rur-flag-zh)!important}
.langmenu button[data-lang='ar'] .lang-option-flag{background-image:var(--rur-flag-ar)!important}

.mobile-langs button[data-lang]{font-size:0!important;gap:7px!important}
.mobile-langs button[data-lang]>span{order:1!important}
.mobile-langs button[data-lang]::after{content:'';order:2;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.28);box-shadow:0 2px 8px rgba(0,0,0,.22)}
.mobile-langs button[data-lang='en']::after{background-image:var(--rur-flag-en)}
.mobile-langs button[data-lang='es']::after{background-image:var(--rur-flag-es)}
.mobile-langs button[data-lang='ko']::after{background-image:var(--rur-flag-ko)}
.mobile-langs button[data-lang='ja']::after{background-image:var(--rur-flag-ja)}
.mobile-langs button[data-lang='zh']::after{background-image:var(--rur-flag-zh)}
.mobile-langs button[data-lang='ar']::after{background-image:var(--rur-flag-ar)}

.legal-langmenu button[data-legal-lang]{direction:ltr!important}
.legal-langmenu button[data-legal-lang]>span:first-child{order:1!important;flex:1 1 auto!important}
.legal-langmenu button[data-legal-lang]>span:last-child{order:2!important;flex:0 0 32px!important;width:32px!important;height:32px!important;color:transparent!important;font-size:0!important;border-radius:50%!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;border:1px solid rgba(13,15,15,.14)!important;box-shadow:0 2px 7px rgba(0,0,0,.14)!important}
.legal-langmenu button[data-legal-lang='en']>span:last-child{background-image:var(--rur-flag-en)!important}
.legal-langmenu button[data-legal-lang='es']>span:last-child{background-image:var(--rur-flag-es)!important}
.legal-langmenu button[data-legal-lang='ko']>span:last-child{background-image:var(--rur-flag-ko)!important}
.legal-langmenu button[data-legal-lang='ja']>span:last-child{background-image:var(--rur-flag-ja)!important}
.legal-langmenu button[data-legal-lang='zh']>span:last-child{background-image:var(--rur-flag-zh)!important}
.legal-langmenu button[data-legal-lang='ar']>span:last-child{background-image:var(--rur-flag-ar)!important}

.legal-mobile-langs button[data-legal-lang]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:0!important}
.legal-mobile-langs button[data-legal-lang]::before{order:1;font:700 11px/1 'DM Sans','Segoe UI',sans-serif}
.legal-mobile-langs button[data-legal-lang]::after{content:'';order:2;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid rgba(13,15,15,.14);box-shadow:0 2px 7px rgba(0,0,0,.12)}
.legal-mobile-langs button[data-legal-lang='en']::before{content:'EN'}.legal-mobile-langs button[data-legal-lang='en']::after{background-image:var(--rur-flag-en)}
.legal-mobile-langs button[data-legal-lang='es']::before{content:'ES'}.legal-mobile-langs button[data-legal-lang='es']::after{background-image:var(--rur-flag-es)}
.legal-mobile-langs button[data-legal-lang='ko']::before{content:'KO'}.legal-mobile-langs button[data-legal-lang='ko']::after{background-image:var(--rur-flag-ko)}
.legal-mobile-langs button[data-legal-lang='ja']::before{content:'JA'}.legal-mobile-langs button[data-legal-lang='ja']::after{background-image:var(--rur-flag-ja)}
.legal-mobile-langs button[data-legal-lang='zh']::before{content:'ZH'}.legal-mobile-langs button[data-legal-lang='zh']::after{background-image:var(--rur-flag-zh)}
.legal-mobile-langs button[data-legal-lang='ar']::before{content:'AR'}.legal-mobile-langs button[data-legal-lang='ar']::after{background-image:var(--rur-flag-ar)}

.langmenu button[data-lang='ar']>span:not(.lang-option-flag),.legal-langmenu button[data-legal-lang='ar']>span:first-child{direction:rtl!important;unicode-bidi:isolate!important}