/* CAP-044 (owner 2026-10-13): the web guest's language menu (guest-language.js). Scoped to .rso-glang; 44 px targets; the menu opens below the button, inside the viewport on phones. */
.rso-glang { position: relative; display: inline-flex; flex: none; }
.rso-glang-btn { display: inline-flex; align-items: center; justify-content: center; min-inline-size: 44px; min-block-size: 44px; padding: 0 10px; border: 1px solid rgba(0, 0, 0, .14); border-radius: 999px; background: #fff; color: #2b2620; font: 700 14px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; letter-spacing: .04em; cursor: pointer; }
.rso-glang-btn:hover { background: #f4f1ea; }
.rso-glang-btn:focus-visible, .rso-glang-item:focus-visible { outline: 3px solid #1857c4; outline-offset: 2px; }
.rso-glang-menu { position: absolute; inset-block-start: calc(100% + 6px); inset-inline-end: 0; z-index: 1000; min-inline-size: 180px; max-inline-size: calc(100vw - 24px); margin: 0; padding: 6px; list-style: none; border: 1px solid rgba(0, 0, 0, .12); border-radius: 14px; background: #fff; box-shadow: 0 12px 32px -12px rgba(0, 0, 0, .35); }
.rso-glang-menu[hidden] { display: none; }
.rso-glang-menu li { margin: 0; }
.rso-glang-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; inline-size: 100%; min-block-size: 44px; padding: 8px 12px; border: 0; border-radius: 10px; background: transparent; color: #2b2620; font: 600 16px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-align: start; cursor: pointer; }
.rso-glang-item:hover { background: #f4f1ea; }
.rso-glang-item.is-current { background: #eaf6df; color: #2f7309; }
.rso-glang-item.is-current .rso-glang-item-name::before { content: "\2713\00a0"; }
.rso-glang-item-code { color: #6b5d4d; font-size: 13px; letter-spacing: .04em; }
.rso-glang.is-switching { opacity: .6; pointer-events: none; }
/* CS-02: why the language did not change (a save failed, or an order/message is on its way). Below the button like the menu, never widening the header. */
.rso-glang-msg { position: absolute; inset-block-start: calc(100% + 6px); inset-inline-end: 0; z-index: 1000; inline-size: max-content; max-inline-size: min(300px, calc(100vw - 24px)); margin: 0; padding: 10px 12px; border: 1px solid #c9a227; border-radius: 12px; background: #fff8e1; color: #2b2620; font: 500 14px/1.35 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; white-space: normal; box-shadow: 0 12px 32px -12px rgba(0, 0, 0, .35); }
.rso-glang-msg[hidden] { display: none; }