/* Ortak site navigasyonu — ana site + harita + rapor alt sayfaları */
.oxi-nav {
  position: sticky;
  top: 0;
  z-index: 200;
  background: var(--oxi-nav-bg, rgba(8, 11, 20, 0.92));
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--oxi-nav-bd, #1e2640);
}
.oxi-nav-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
  height: 72px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.oxi-nav-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--oxi-nav-tx, #e5e9f2);
  font-weight: 800;
  font-size: 15px;
  text-decoration: none;
  flex-shrink: 0;
}
.oxi-nav-logo:hover { text-decoration: none; color: var(--oxi-nav-tx, #e5e9f2); }
.oxi-nav-mark {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, #00e0a3, #4d8fff);
  position: relative;
}
.oxi-nav-mark::before {
  content: '';
  position: absolute;
  inset: 10px;
  background: var(--oxi-nav-bg-solid, #080b14);
  border-radius: 3px;
}
.oxi-nav-sub {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--oxi-nav-muted, #8891a8);
  font-weight: 500;
}
.oxi-nav-menu {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-wrap: wrap;
  margin-left: 8px;
}
.oxi-nav-menu a {
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  color: var(--oxi-nav-muted, #8891a8);
  border-radius: 8px;
  text-decoration: none;
  white-space: nowrap;
}
.oxi-nav-menu a:hover {
  color: var(--oxi-nav-tx, #e5e9f2);
  background: var(--oxi-nav-hover, rgba(255,255,255,0.06));
  text-decoration: none;
}
.oxi-nav-menu a.active {
  color: var(--oxi-nav-ac, #00e0a3);
  background: rgba(0, 224, 163, 0.1);
}
.oxi-nav-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.oxi-nav-login {
  font-size: 13px;
  color: var(--oxi-nav-muted, #8891a8);
  padding: 8px 12px;
  text-decoration: none;
}
.oxi-nav-login:hover { color: var(--oxi-nav-tx, #e5e9f2); text-decoration: none; }
.oxi-nav-cta {
  background: #00e0a3;
  color: #080b14;
  padding: 9px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.oxi-nav-cta:hover {
  background: #00bf8a;
  color: #080b14;
  text-decoration: none;
}
.oxi-nav-toggle {
  display: none;
  padding: 8px;
  color: var(--oxi-nav-tx, #e5e9f2);
  background: transparent;
  border: 1px solid var(--oxi-nav-bd, #1e2640);
  border-radius: 8px;
}
/* Açık tema (rapor sayfaları) */
.oxi-nav--light {
  --oxi-nav-bg: rgba(255, 255, 255, 0.95);
  --oxi-nav-bg-solid: #ffffff;
  --oxi-nav-bd: #e2e8f0;
  --oxi-nav-tx: #1e293b;
  --oxi-nav-muted: #64748b;
  --oxi-nav-hover: #f5f5f4;
  --oxi-nav-ac: #8b744b;
}
.oxi-nav--light .oxi-nav-mark {
  background: #8b744b;
}
.oxi-nav--light .oxi-nav-mark::before {
  background: #ffffff;
  inset: 9px;
  border-radius: 2px;
}
.oxi-nav--light .oxi-nav-cta {
  background: #8b744b;
  color: #fff;
}
.oxi-nav--light .oxi-nav-cta:hover {
  background: #7a6541;
  color: #fff;
}
/* Tema düğmesi (ana pazarlama sayfaları — theme.js ile) */
.oxi-nav .oxi-nav-theme.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0 4px;
  border: 1px solid var(--oxi-nav-bd, #1e2640);
  border-radius: 8px;
  background: transparent;
  color: var(--oxi-nav-muted, #8891a8);
  cursor: pointer;
}
.oxi-nav .oxi-nav-theme.theme-toggle:hover {
  color: var(--oxi-nav-tx, #e5e9f2);
  background: var(--oxi-nav-hover, rgba(255, 255, 255, 0.06));
}
.oxi-nav .oxi-nav-theme.theme-toggle svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
}
.oxi-nav .oxi-nav-theme .icon-sun { display: none; }
.oxi-nav .oxi-nav-theme .icon-moon { display: block; }
[data-theme='light'] .oxi-nav .oxi-nav-theme .icon-sun { display: block; }
[data-theme='light'] .oxi-nav .oxi-nav-theme .icon-moon { display: none; }

@media (max-width: 960px) {
  .oxi-nav-toggle { display: block; }
  .oxi-nav-menu {
    display: none;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    padding: 12px 24px 16px;
    background: var(--oxi-nav-bg-solid, #080b14);
    border-bottom: 1px solid var(--oxi-nav-bd, #1e2640);
    margin: 0;
  }
  .oxi-nav.open .oxi-nav-menu { display: flex; }
  .oxi-nav-login.hide-mobile { display: none; }
}