/* Language and colour-theme switches (owner request 2026-10-06): member header, MY › 화면 설정, login header.
   Markup and behaviour come from public/prefs.js (INFI8Prefs.langSwitch / displaySettings). Light-theme colours for these controls are
   at the end of this file; everything else in the light theme is public/member-light.css. */

/* English is loading: keep the Korean text out of sight for a moment (prefs.js removes this within 2.5 s). */
html.i18n-wait #app,html.i18n-wait #access-root,html.i18n-wait #intro .intro-slogan{visibility:hidden}

/* KOR | ENG pill */
.lang-switch{display:inline-flex;align-items:center;flex:none;padding:2px;border:1px solid #3a4441;border-radius:999px;background:transparent}
.lang-switch button{min-height:0;padding:5px 8px;border:0;border-radius:999px;background:transparent;color:#909b95;font:700 11px/1 "Barlow Condensed","Pretendard Variable",-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.06em;box-shadow:none;cursor:pointer}
.lang-switch button[aria-pressed="true"]{background:#ddf878;color:#17191b}
.lang-switch button:not([aria-pressed="true"]):hover{color:#f2f4ef}
.member-header .member-header-actions{gap:8px}
@media(max-width:400px){.member-header .member-header-actions{gap:2px}.lang-switch button{padding:5px 6px}}
.access-header nav .lang-switch{margin-right:4px}

/* MY › 화면 설정 */
.display-settings .pref-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #2a3330}
.display-settings .pref-row:first-of-type{margin-top:12px}
.display-settings .pref-label{font-size:15px;font-weight:600;color:#f2f4ef}
.display-settings .pref-label [lang="en"]{color:#909b95;font-weight:500}
html[lang="en"] .display-settings .pref-label [lang="en"]{display:none} /* "Language" already, after translation */
.pref-seg{display:inline-flex;flex:none;padding:3px;border:1px solid #34413b;border-radius:12px;background:#141a19}
.pref-seg button{min-height:36px;min-width:72px;padding:6px 12px;border:0;border-radius:9px;background:transparent;color:#bcc5bf;font-size:14px;font-weight:600;box-shadow:none;cursor:pointer}
.pref-seg button[aria-pressed="true"]{background:#ddf878;color:#17191b}
.display-settings .fine{margin:12px 0 0;color:#909b95}

/* Light theme (member screens) */
html[data-theme="light"] body.refined-member .lang-switch{border-color:#d3d8cf}
html[data-theme="light"] body.refined-member .lang-switch button{border:0;background:transparent;color:#6b7469}
html[data-theme="light"] body.refined-member .lang-switch button:not([aria-pressed="true"]):hover{color:#1b1f1a}
html[data-theme="light"] body.refined-member .lang-switch button[aria-pressed="true"]{background:#ddf878;color:#17191b}
html[data-theme="light"] body.refined-member .display-settings .pref-row{border-top-color:#e2e5de}
html[data-theme="light"] body.refined-member .display-settings .pref-label{color:#1b1f1a}
html[data-theme="light"] body.refined-member .display-settings .pref-label [lang="en"]{color:#6b7469}
html[data-theme="light"] body.refined-member .pref-seg{border-color:#d3d8cf;background:#f1f3ee}
html[data-theme="light"] body.refined-member .pref-seg button{border:0;background:transparent;color:#4a5249}
html[data-theme="light"] body.refined-member .pref-seg button[aria-pressed="true"]{background:#ddf878;color:#17191b}
html[data-theme="light"] body.refined-member .display-settings .fine{color:#6b7469}
html[data-theme="light"] body.refined-member .member-header .lang-switch[role]::before{border-color:#d3d8cf} /* 44px 누르는 곳 (2026-11-03): 보이는 테두리는 그대로 */