/* Shared navigation: preserve Clerk, let every other theme own its colors. */
[data-site-theme="clerk-light"] .mk-navbar .mk-nav-link {
  color: #354b63;
}

[data-site-theme="clerk-light"] .mk-navbar .mk-nav-link:hover,
[data-site-theme="clerk-light"] .mk-navbar .mk-nav-link:focus-visible {
  background: #edf4fa;
  color: #18324f;
}

:is(
  [data-site-theme="anyar-light"],
  [data-site-theme="wikipedia-light"],
  [data-site-theme="cursor-light"]
) .mk-navbar .mk-nav-link {
  color: var(--theme-muted);
}

:is(
  [data-site-theme="anyar-light"],
  [data-site-theme="wikipedia-light"],
  [data-site-theme="cursor-light"]
) .mk-navbar .mk-nav-link:hover,
:is(
  [data-site-theme="anyar-light"],
  [data-site-theme="wikipedia-light"],
  [data-site-theme="cursor-light"]
) .mk-navbar .mk-nav-link:focus-visible {
  background: var(--theme-surface-raised);
  color: var(--theme-ink);
}

.mk-mobile-menu .dropdown-menu {
  background: var(--theme-surface);
  border-color: var(--theme-line) !important;
}

.mk-mobile-menu .dropdown-item {
  color: var(--theme-ink);
}

.mk-mobile-menu .dropdown-item:hover,
.mk-mobile-menu .dropdown-item:focus-visible {
  background: var(--theme-surface-raised);
  color: var(--theme-ink);
}

/* Anyar keeps its recognizable blue navigation outside the two bespoke pages. */
html[data-site-theme="anyar-light"]:has(
  body:not([data-page="/nasil-calisir/"]):not([data-page="/gonullu-ogretmen-ol/"])
) .mk-navbar {
  background: #054a85 !important;
  border-bottom-color: rgba(255, 255, 255, .24);
}

html[data-site-theme="anyar-light"]:has(
  body:not([data-page="/nasil-calisir/"]):not([data-page="/gonullu-ogretmen-ol/"])
) .mk-navbar :is(.mk-brand, .mk-brand:hover, .mk-brand-text, .mk-nav-link) {
  color: #ffffff !important;
  opacity: 1 !important;
}

html[data-site-theme="anyar-light"]:has(
  body:not([data-page="/nasil-calisir/"]):not([data-page="/gonullu-ogretmen-ol/"])
) .mk-navbar .mk-nav-link:hover,
html[data-site-theme="anyar-light"]:has(
  body:not([data-page="/nasil-calisir/"]):not([data-page="/gonullu-ogretmen-ol/"])
) .mk-navbar .mk-nav-link:focus-visible {
  background: rgba(255, 255, 255, .16);
  color: #ffffff !important;
}

html[data-site-theme="anyar-light"]:has(
  body:not([data-page="/nasil-calisir/"]):not([data-page="/gonullu-ogretmen-ol/"])
) .mk-navbar .btn-mk-login {
  background: #ffffff;
  border-color: #ffffff;
  color: #054a85;
}

html[data-site-theme="anyar-light"]:has(
  body:not([data-page="/nasil-calisir/"]):not([data-page="/gonullu-ogretmen-ol/"])
) .mk-navbar .btn-mk-signup {
  background: #a95f00;
  border-color: #a95f00;
  color: #ffffff;
}

html[data-site-theme="anyar-light"]:has(
  body:not([data-page="/nasil-calisir/"]):not([data-page="/gonullu-ogretmen-ol/"])
) .mk-navbar .mk-mobile-menu-toggle {
  background: #ffffff;
  border-color: #ffffff;
  color: #054a85;
}

@media (min-width: 992px) {
  .mk-navbar .container,
  .mk-nav-links,
  .mk-auth {
    flex-wrap: nowrap !important;
  }

  .mk-brand,
  .mk-nav-links,
  .mk-nav-link,
  .mk-auth {
    flex-shrink: 0;
    white-space: nowrap;
  }

  .mk-nav-links {
    min-width: 0;
  }

  .mk-nav-link {
    padding-left: .55rem;
    padding-right: .55rem;
  }
}


/* SGA: kullanıcı menüsü üst menüyle aynı, kompakt tipografiyi kullanır. */
.mk-auth > .dropdown .dropdown-menu {
  font-size: .9rem !important;
  min-width: 14rem;
  padding: .35rem;
}

.mk-auth > .dropdown .dropdown-item {
  align-items: center;
  display: flex;
  font-size: .9rem !important;
  font-weight: 500 !important;
  line-height: 1.25;
  min-height: 34px;
  padding: .42rem .52rem !important;
}

.mk-auth > .dropdown .dropdown-item .bi {
  font-size: .9rem;
  line-height: 1;
}