/* Nav for all pages, taken from donate.html*/
nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;

  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:0 30px;
  height:64px;
  background:var(--nav-bg);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--nav-border);
}

.nav-links{
  position:absolute;
  left:50%;
  transform:translateX(-50%);

  display:flex;
  gap:32px;
  align-items:center;
  justify-self: center;
}
.nav-logo{
  display:flex;align-items:center;gap:10px;text-decoration:none;
  height:64px;overflow:hidden;
  justify-self: start;
}
.nav-logo img{
  height:150px;width:auto;object-fit:contain;display:block;
}
.nav-logo span{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:17px;color:var(--page-fg);letter-spacing:-0.3px;transition:color 0.25s;}
.nav-links a{text-decoration:none;font-size:14px;font-weight:400;color:var(--nav-link);transition:color 0.15s}
.nav-links a:hover{color:var(--cerulean)}
.nav-cta{
  background:var(--page-fg);color:var(--page-bg);
  padding:9px 20px;border-radius:8px;
  font-size:14px;font-weight:500;text-decoration:none;
  transition:background 0.15s,transform 0.1s,color 0.25s;
}
.nav-cta:hover{background:var(--cerulean);color:#fff;transform:translateY(-1px)}
.nav-theme-btn{
  width:36px;height:36px;border-radius:8px;border:1px solid var(--page-border);
  background:transparent;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  color:var(--nav-link);transition:all 0.15s;flex-shrink:0;
}
.nav-theme-btn:hover{background:var(--page-border);color:var(--page-fg);}
.nav-theme-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.icon-moon,.icon-sun,.icon-monitor{display:none;}
.nav-theme-cluster{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.nav-theme-indicator{font-size:10px;font-weight:500;letter-spacing:0.5px;color:var(--gray-400);text-transform:uppercase;transition:color 0.2s;white-space:nowrap;}
nav > div:last-child{
  justify-self:end;
}

/* spcaer */
.spacer{
  width:var(--spacer-width, 16px);
  height:var(--spacer-height, 16px);
  flex-shrink:0;
}