@font-face {
  font-family: "Berkeley Mono";
  src: url("../fonts/BerkeleyMono-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Berkeley Mono";
  src: url("../fonts/BerkeleyMono-Oblique.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Berkeley Mono";
  src: url("../fonts/BerkeleyMono-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Berkeley Mono";
  src: url("../fonts/BerkeleyMono-Bold-Oblique.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

body,
input,
textarea,
button,
select,
.ui,
.ui input,
.ui textarea,
.ui button,
.ui.dropdown,
.ui.menu,
.ui.table,
.ui.header,
.ui.segment,
.ui.message,
.ui.label,
.ui.form,
.ui.button {
  font-family: "Berkeley Mono", monospace !important;
}

#navbar-logo img {
  width: auto !important;
  height: 22px !important;
  max-width: 150px;
  object-fit: contain;
}

/* The custom logo is dark-on-transparent; invert it in dark themes instead of maintaining a second asset. */
html[data-theme="forgejo-dark"] #navbar-logo img,
html[data-theme="forgejo-dark"] .home img.logo {
  filter: brightness(0) invert(96%);
}

#navbar .navbar-left > a[href="https://forgejo.org/docs/latest/"],
.page-footer .left-links > a[href="https://forgejo.org"],
.page-footer .right-links > a[href="/assets/licenses.txt"] {
  display: none !important;
}

body.staabse-lockout-home,
body:has(.page-content.home.staabse-lockout-home) {
  background: #f3f4f6;
}

body.staabse-lockout-home #navbar,
body:has(.page-content.home.staabse-lockout-home) #navbar {
  background: transparent;
  border-bottom: 0;
  box-shadow: none;
}

body.staabse-lockout-home #navbar .navbar-left > a.item:not(#navbar-logo),
body:has(.page-content.home.staabse-lockout-home) #navbar .navbar-left > a.item:not(#navbar-logo) {
  display: none !important;
}

body.staabse-lockout-home .page-footer,
body:has(.page-content.home.staabse-lockout-home) .page-footer {
  display: none !important;
}

body.staabse-lockout-home .page-content.home.staabse-lockout-home,
body:has(.page-content.home.staabse-lockout-home) .page-content.home.staabse-lockout-home {
  min-height: calc(100vh - 56px);
  padding: 2.25rem 2rem 0;
}

body.staabse-lockout-home .staabse-lockout-shell,
body:has(.page-content.home.staabse-lockout-home) .staabse-lockout-shell {
  max-width: 100%;
}

body.staabse-lockout-home .staabse-lockout-panel,
body:has(.page-content.home.staabse-lockout-home) .staabse-lockout-panel {
  display: inline-block;
  max-width: 42rem;
  padding: 1rem 1.25rem;
  background: #ffffff;
  border: 1px solid #d7dbe0;
  border-radius: 0.35rem;
  color: #4b5563;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.45;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="forgejo-auto"] #navbar-logo img,
  html[data-theme="forgejo-auto"] .home img.logo {
    filter: brightness(0) invert(96%);
  }
}

@media (max-width: 767px) {
  #navbar-logo img {
    height: 18px !important;
    max-width: 110px;
  }

  body.staabse-lockout-home .page-content.home.staabse-lockout-home,
  body:has(.page-content.home.staabse-lockout-home) .page-content.home.staabse-lockout-home {
    padding: 1.25rem 1rem 0;
  }

  body.staabse-lockout-home .staabse-lockout-panel,
  body:has(.page-content.home.staabse-lockout-home) .staabse-lockout-panel {
    max-width: 100%;
    width: 100%;
    font-size: 0.95rem;
  }
}