.language-picker { position:relative; display:inline-flex; align-items:center; font-size:14px; letter-spacing:0; line-height:1.4; z-index:20; }
.language-picker > select[hidden] { display:none; }
.language-trigger { display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:8px 10px; border:1px solid transparent; border-radius:9px; background:transparent; color:#344054; font:inherit; font-weight:550; cursor:pointer; white-space:nowrap; }
.language-trigger > img { flex:none; opacity:.7; }
.language-trigger > img:last-child { width:14px; height:14px; transition:transform .15s; }
.language-trigger[aria-expanded="true"] > img:last-child { transform:rotate(180deg); }
.language-trigger:hover, .language-trigger[aria-expanded="true"] { background:#f3f6fb; border-color:#e8edf5; }
.language-trigger:focus-visible, .language-option:focus-visible { outline:2px solid #1769ed; outline-offset:2px; }
.language-trigger:disabled { opacity:.5; cursor:wait; }
.language-auto { padding:2px 5px; border-radius:4px; background:#eaf2ff; color:#1769ed; font-size:10px; font-weight:600; }
.language-menu { position:absolute; right:0; top:calc(100% + 8px); width:276px; max-width:calc(100vw - 32px); max-height:min(360px,calc(50dvh - 32px)); overflow:auto; border:1px solid #e1e7ef; border-radius:14px; padding:10px; background:#fff; box-shadow:0 16px 50px #172b4d22,0 2px 6px #172b4d08; }
.language-menu[hidden] { display:none; }
.language-menu-heading { font-size:12px; font-weight:650; color:#697586; padding:5px 9px 9px; }
.language-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; }
.language-option { display:flex; align-items:center; justify-content:space-between; gap:6px; padding:10px 9px; border:0; border-radius:7px; color:#344054; background:transparent; font:inherit; font-size:14px; text-align:left; cursor:pointer; min-height:40px; }
.language-option img { width:15px; height:15px; opacity:0; flex:none; }
.language-option[aria-selected="true"] { background:#eaf2ff; color:#175bcd; font-weight:650; }
.language-option[aria-selected="true"] img { opacity:.8; }
.language-option:hover { background:#f3f6fb; }
.language-option.language-follow-browser { grid-column:1/-1; margin-bottom:4px; border-bottom:1px solid #edf0f5; border-radius:6px 6px 0 0; }
@media(max-width:640px) { .language-trigger { padding:7px 6px; gap:6px; font-size:13px; } .language-trigger .language-auto { display:none; } .language-menu { width:260px; } }
@media(prefers-reduced-motion:reduce) { .language-trigger > img:last-child { transition:none; } }

.language-menu.opens-up { top:auto; bottom:calc(100% + 8px); }
.site-language-picker { position:relative; font-size:14px; z-index:20; }
.site-language-picker > summary { list-style:none; }
.site-language-picker > summary::-webkit-details-marker { display:none; }
.site-language-picker[open] > summary { background:#f3f6fb; border-color:#e8edf5; }
.site-language-picker[open] > summary > img:last-child { transform:rotate(180deg); }
.site-language-picker .language-menu { width:276px; max-width:calc(100vw - 36px); }
.site-language-picker .language-option { text-decoration:none; }
.site-language-picker .language-option[aria-current="page"] { background:#eaf2ff; color:#175bcd; font-weight:650; }
.site-language-picker .language-option[aria-current="page"] img { opacity:.8; }
@media(max-width:640px) { .site-language-picker .language-menu { width:260px; } }
/* Preserve the shared picker styling inside the editor's compact utility bar. */
.utility-actions .language-picker .language-trigger { padding:8px 10px; font-size:14px; font-weight:550; color:#344054; background:transparent; border:1px solid transparent; border-radius:9px; }
.utility-actions .language-picker .language-option { display:flex; justify-content:space-between; padding:10px 9px; font-size:14px; color:#344054; background:transparent; border:0; border-radius:7px; font-weight:400; }
.utility-actions .language-picker .language-option[aria-selected="true"] { background:#eaf2ff; color:#175bcd; font-weight:650; }
.utility-actions .language-picker .language-trigger:hover:not(:disabled), .utility-actions .language-picker .language-option:hover:not(:disabled) { background:#f3f6fb; color:#344054; }