/* Buyzon site-chrome.css — SINGLE source for header + nav + footer styles */
.site-topbar{max-width:1240px;margin:0 auto;padding:.8rem 1.5rem .5rem;display:flex;align-items:center;gap:1rem;direction:ltr}
.site-topbar a.logo{text-decoration:none;flex-shrink:0;order:1;margin-left:auto}
.site-topbar .logo img{height:72px;width:auto}
.topbar-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0;order:-1}
.settings-wrap{position:relative}
.settings-btn{background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:2px 10px;cursor:pointer;color:var(--text-dim);font-size:.75rem;display:inline-flex;align-items:center;gap:4px;font-family:inherit;transition:all .2s;height:36px;box-sizing:border-box}
.settings-btn:hover{border-color:var(--accent);color:var(--text)}
.settings-btn svg{flex-shrink:0}
.settings-menu{display:none;position:absolute;inset-inline-start:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem;z-index:200;min-width:220px;max-width:280px;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.settings-menu.open{display:flex;flex-direction:column;gap:.5rem}
.settings-menu label{font-size:.7rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.settings-menu select{font-family:inherit;font-size:.8rem;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;cursor:pointer;width:100%;appearance:auto}
.theme-toggle{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:2px;gap:1px;height:36px;box-sizing:border-box}
.theme-btn{width:30px;height:30px;border:none;border-radius:50%;background:transparent;color:var(--text-dim);cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;line-height:1}
.theme-btn:hover{color:var(--text)}
.theme-btn.active{background:var(--accent);color:#fff}
.site-nav{display:flex;gap:12px;padding:8px 20px;justify-content:center;flex-wrap:wrap;border-bottom:1px solid var(--border)}
.site-nav a{color:var(--text-dim);text-decoration:none;font-size:1rem;transition:color .2s}
.site-nav a:hover{color:var(--accent)}
footer{text-align:center;padding:24px;color:var(--text-dim);font-size:.85rem;border-top:1px solid var(--border);margin-top:40px}
footer .disclosure{max-width:800px;margin:0 auto}
@media(max-width:640px){
  .site-topbar{padding:.6rem 1rem .4rem;gap:.5rem}
  .site-topbar .logo img{height:56px}
}