/* Homepage language menu, scoped to opt-in public auth cards. */
:is(.public-login, .public-auth-language) .language-picker { position: relative; z-index: 5; }
:is(.public-login, .public-auth-language) .language-trigger { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 10px; border-radius: 7px; list-style: none; cursor: pointer; color: #666874; font-size: 13px; }
:is(.public-login, .public-auth-language) .language-trigger::-webkit-details-marker { display: none; }
:is(.public-login, .public-auth-language) .language-trigger:hover, :is(.public-login, .public-auth-language) .language-picker[open] > summary { color: #20212b; background: #f4f8f5; }
:is(.public-login, .public-auth-language) .globe-icon { width: 19px; height: 19px; flex-shrink: 0; }
:is(.public-login, .public-auth-language) .language-chevron { width: 12px; height: 12px; }
:is(.public-login, .public-auth-language) .language-picker[open] .language-chevron { transform: rotate(180deg); }
:is(.public-login, .public-auth-language) .language-options { position: absolute; right: 0; top: calc(100% + 8px); width: 180px; padding: 6px; border: 1px solid #e4ebe6; border-radius: 10px; background: #fff; box-shadow: 0 8px 28px rgba(24, 60, 46, .1); }
:is(.public-login, .public-auth-language) .language-options button { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 44px; border: 0; border-radius: 6px; padding: 10px 12px; background: transparent; color: #20212b; text-align: left; font-size: 14px; cursor: pointer; }
:is(.public-login, .public-auth-language) .language-options button:hover { background: #f4f8f5; }
:is(.public-login, .public-auth-language) .language-options button[aria-pressed="true"] { background: #e8f3ec; color: #204c39; }
:is(.public-login, .public-auth-language) .language-options button:disabled { cursor: wait; opacity: .65; }
:is(.public-login, .public-auth-language) .language-check { min-width: 14px; }
:is(.public-login, .public-auth-language) .language-error { padding: 10px 12px; color: #a32929; font-size: 12px; line-height: 1.6; }
body:is(.public-login, .public-auth-language) .auth-card { padding-top: 76px; }
:is(.public-login, .public-auth-language) .language-picker { position: absolute; top: 14px; right: 16px; }
:is(.public-login, .public-auth-language) .language-trigger { font-weight: 400; line-height: 1.6; }
:is(.public-login, .public-auth-language) .language-options button { font: inherit; font-size: 14px; line-height: 1.6; }
:is(.public-login, .public-auth-language) .language-error[hidden] { display: none; }
:is(.public-login, .public-auth-language) .language-picker :is(summary, button):focus-visible { outline: 3px solid #2a6049; outline-offset: 3px; }