/* ===== Round 3: client logo (SVG), flat navbar, tools filters, footer credit ===== */

/* ---------- Logo (client SVG; two versions swap with theme) ---------- */
.logo{display:inline-flex;align-items:center;flex:none;line-height:0}
.logo img{height:72px;width:auto;display:block}
.logo .lg-on-dark{display:none}
:root[data-theme=dark] .logo .lg-on-light{display:none}
:root[data-theme=dark] .logo .lg-on-dark{display:block}
.brand-link{display:flex;align-items:center;height:100%;flex:none}
.logo-footer img{height:auto;width:min(230px,70%)}
.nav-shell{height:var(--nav-h);padding-inline:22px 16px}
@media (max-width:520px){.logo img{height:56px}}
@media (max-width:370px){.logo img{height:46px}}

/* ---------- Navbar: all links visible (no "More" menu) ---------- */
.nav{gap:0}
.nav>a{padding:9px 11px;font-size:.93rem;white-space:nowrap}
.nav-tools{gap:8px}
@media (max-width:1240px){
  .nav{position:fixed;inset:calc(var(--nav-h) + 26px) 16px auto;margin:0;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px;box-shadow:var(--shadow-2);max-height:calc(100dvh - var(--nav-h) - 52px);overflow:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s var(--ease),transform .3s var(--ease),visibility .25s;gap:4px}
  .nav.open{opacity:1;visibility:visible;transform:none}
  .nav>a{padding:13px 16px;border-radius:14px;justify-content:space-between;width:100%;font-size:1rem}
  .nav>a::before{display:none}
  .menu-btn{display:inline-flex}
  .nav-tools{margin-inline-start:auto}
  .nav-cta{display:none!important}
}
@media (min-width:1241px){.menu-btn{display:none}.nav-cta{display:inline-flex!important}}
@media (max-width:520px){.site-header{--nav-h:72px}.nav-shell{height:72px}}

/* ---------- Tools page filters ---------- */
.filter-group{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.filter-label{flex:none;min-width:84px;padding-top:8px;font-weight:800;font-size:.88rem;color:var(--text-3)}
.filter-group .row{flex:1}
@media (max-width:640px){.filter-group{flex-direction:column;gap:6px}.filter-label{padding-top:0}}

/* ---------- Footer credit ---------- */
.copy .credit{color:var(--amber-400);font-weight:700}
.copy{align-items:center}

/* glass background on a pseudo-element so the mobile drawer (position:fixed) is not trapped in a backdrop-filter containing block */
.nav-shell{position:relative;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
.nav-shell::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--nav-bg);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}
.site-header{animation:navin .7s var(--ease) both}
.nav{z-index:5}

.nav>a.nav-drawer-cta{display:none}
@media (max-width:1240px){.nav>a.nav-drawer-cta{display:flex;justify-content:center;margin-top:6px;background:var(--brand);color:var(--brand-ink);font-weight:800}.nav>a.nav-drawer-cta:hover{background:var(--brand-strong);color:var(--brand-ink)}}