/* A single header row; secondary destinations live in the compact menu. */
.site-header{position:relative;z-index:30;display:flex;flex-wrap:nowrap;align-items:center;gap:22px}
.site-header .wordmark{flex-shrink:0;order:0}
.header-navigation{display:flex;align-items:center;gap:18px;order:1;margin-left:auto}
.site-header .header-cta{order:2;flex-shrink:0;margin:0;white-space:nowrap}
.site-header .header-navigation nav{display:flex;gap:20px;align-items:center;font-size:12px;white-space:nowrap}
.site-header .header-navigation .official-x{padding:8px 0}
.site-header .header-navigation .official-x span{display:none}
.site-header #language-toggle{margin:0;background:transparent}
.site-menu-toggle{display:none;order:3;width:40px;height:40px;flex-shrink:0;padding:10px;color:#c5b382;background:transparent;border:1px solid #b4a47740;border-radius:50%;cursor:pointer}
.site-menu-toggle svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.site-menu-toggle .menu-close{display:none}
.site-menu-toggle[aria-expanded=true] .menu-open{display:none}
.site-menu-toggle[aria-expanded=true] .menu-close{display:block}
@media(max-width:1200px){
 .site-header{min-height:80px;padding:16px 24px;gap:14px}
 .site-header .header-cta{margin-left:auto;font-size:11px}
 .site-menu-toggle{display:block}
 .header-navigation{display:none;position:absolute;top:calc(100% - 3px);left:24px;right:24px;max-height:calc(100dvh - 110px);overflow-y:auto;margin:0;padding:20px 24px;background:#10110f;border:1px solid #b4a47740;box-shadow:0 18px 50px #0008;border-radius:3px;grid-template-columns:1fr auto;gap:20px}
 .site-header.menu-open .header-navigation{display:grid}
 .site-header .header-navigation nav{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0;white-space:normal;overflow:visible;width:auto;padding:0}
 .site-header .header-navigation nav a{padding:16px 0;border-bottom:1px solid #b4a47722;min-width:0;font-size:13px}
 .site-header #market-nav-live{color:#dbc791}
 .site-header .header-navigation .official-x{justify-content:flex-start;min-height:36px}
 .site-header .header-navigation .official-x span{display:inline;font-size:11px}
 .site-header .header-navigation #language-toggle{justify-self:end;min-height:40px;padding:8px 12px}
}
@media(max-width:700px){
 .site-header{min-height:74px;padding:14px 18px;gap:10px;grid-template-columns:none}
 .site-header .wordmark{font-size:10px;gap:8px}
 .site-header .wordmark svg{width:26px;height:26px}
 .site-header .header-cta{font-size:10px;padding:10px 12px;grid-column:auto;grid-row:auto}
 .site-header .header-cta .ui-arrow{width:12px;height:12px;margin-left:5px}
 .site-menu-toggle{width:38px;height:38px;padding:9px}
 .header-navigation{left:18px;right:18px;padding:12px 20px 18px}
}
@media(max-width:360px){.site-header{padding-left:12px;padding-right:12px;gap:7px}.site-header .wordmark{font-size:9px;gap:6px}.site-header .header-cta{font-size:9px;padding:9px}.site-header .header-cta .ui-arrow{margin-left:3px}}

/* Always-visible utilities and a separate, small market shortcut. */
.site-header>.official-x{order:2;padding:8px;min-width:30px;flex-shrink:0}
.site-header>.official-x span{display:none}
.site-header>#language-toggle{order:3;grid-column:auto;grid-row:auto;min-height:36px;flex-shrink:0}
.site-menu-toggle{order:4}
.site-header .header-navigation .header-cta{margin:0}
.orderbook-launcher{position:fixed;left:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:65;display:inline-flex;align-items:center;gap:8px;padding:11px 14px;color:#c6b98e;background:#10110ff5;border:1px solid #a99a6845;border-radius:24px;text-decoration:none;font:11px/1.2 sans-serif;letter-spacing:.3px;box-shadow:0 3px 15px #0004}
.orderbook-launcher svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.orderbook-launcher:hover{color:#f1e2b8;border-color:#c6b98e}
.orderbook-launcher:focus-visible{outline:2px solid #c6b98e;outline-offset:4px}
@media(max-width:1200px){
 .site-header>.official-x{margin-left:auto}
 .site-header .header-navigation{grid-template-columns:1fr}
 .site-header .header-navigation .header-cta{justify-self:start;order:0;padding:12px 18px}
 .site-header .header-navigation nav{grid-column:auto}
}
@media(max-width:700px){
 .site-header{gap:8px}
 .site-header>#language-toggle{font-size:10px;padding:7px 9px;min-height:34px;margin:0}
 .site-header>.official-x{padding:8px;min-width:30px}
 .orderbook-launcher{left:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));padding:10px 12px;gap:7px;font-size:10px}
}
@media(max-width:360px){.site-header{gap:5px}.site-header>#language-toggle{padding:7px;font-size:9px}}

/* Order book sits immediately before X; at narrow widths it is an icon only. */
.site-header>.orderbook-launcher{position:static;inset:auto;z-index:auto;order:2;flex:none;margin:0;padding:8px 10px;min-height:34px;box-shadow:none;white-space:nowrap}
.site-header>.official-x{order:3;margin-left:0}
.site-header>#language-toggle{order:4}
.site-header>.site-menu-toggle{order:5}
@media(max-width:1200px){.site-header>.orderbook-launcher{margin-left:auto}.site-header>.official-x{margin-left:0}}
@media(max-width:700px){.site-header>.orderbook-launcher{width:34px;height:34px;padding:8px;justify-content:center}.site-header>.orderbook-launcher span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header>.orderbook-launcher svg{width:17px;height:17px}.site-header>.official-x{min-width:24px;padding:6px}}
@media(max-width:360px){.site-header>.orderbook-launcher{width:30px;height:30px;padding:6px}.site-header{gap:4px}}
/* Keep the order-book shortcut as a word label on phones as well. */
.site-header>.orderbook-launcher svg{display:none}
@media(max-width:700px){.site-header>.orderbook-launcher{width:auto;height:34px;padding:7px 9px}.site-header>.orderbook-launcher span{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:nowrap;border:0;font-size:10px}}
@media(max-width:360px){.site-header>.orderbook-launcher{width:auto;padding:6px 7px}.site-header>.orderbook-launcher span{font-size:9px}}
