/* KONEKO GIT · Navbar hotfix v1.1
   Wordmark as background on the real Forgejo home link.
   No pseudo-elements. No additional icon in the menu.
   Keeps K Flow for favicon and home-screen separately. */
#navbar a#navbar-logo {
  display: inline-flex !important;
  box-sizing: border-box !important;
  flex: 0 0 220px !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: none !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 12px 0 14px !important;
  background-image: url('/assets/img/koneko-git-navbar-light.svg') !important;
  background-position: 14px center !important;
  background-repeat: no-repeat !important;
  background-size: 195px auto !important;
}
/* The stock square Forgejo image is hidden; the parent link remains clickable. */
#navbar a#navbar-logo > img {
  display: none !important;
}
/* Undo the old v1.0 approach explicitly. */
#navbar a#navbar-logo::before,
#navbar a#navbar-logo::after {
  content: none !important;
  display: none !important;
}
/* Dark theme chosen in Forgejo. */
html[data-theme*="dark"] #navbar a#navbar-logo {
  background-image: url('/assets/img/koneko-git-navbar-dark.svg') !important;
}
/* Auto: use the OS dark setting, but explicit Light stays Light. */
@media (prefers-color-scheme: dark) {
  html[data-theme*="auto"] #navbar a#navbar-logo {
    background-image: url('/assets/img/koneko-git-navbar-dark.svg') !important;
  }
}
@media (max-width: 760px) {
  #navbar a#navbar-logo {
    flex-basis: 194px !important;
    width: 194px !important;
    min-width: 194px !important;
    min-height: 46px !important;
    padding-left: 12px !important;
    padding-right: 4px !important;
    background-position: 12px center !important;
    background-size: 174px auto !important;
  }
}
@media (max-width: 360px) {
  #navbar a#navbar-logo {
    flex-basis: 174px !important;
    width: 174px !important;
    min-width: 174px !important;
    background-size: 152px auto !important;
  }
}
