:root {
    --gitea-color-scheme-1: #2185d0;
    --gitea-text-color: #FFF;
}

#navbar .ui.red.label, #navbar .ui.red.labels .label { box-shadow: 0 0 1px 1px #c82121; }

* {
	scrollbar-width: initial;
	scrollbar-color: initial;
}

html[data-theme^="forgejo-light"] #navbar-logo > img,
html[data-theme^="gitea-light"] #navbar-logo > img,
html[data-theme^="forgejo-light"] footer .branding img,
html[data-theme^="gitea-light"] footer .branding img {
	content: url('https://design.codeberg.org/logo-kit/icon.svg');
}
@media (prefers-color-scheme: light) {
	html[data-theme^="forgejo-auto"] #navbar-logo > img,
  html[data-theme^="gitea-auto"] #navbar-logo > img,
  html[data-theme^="forgejo-auto"] footer .branding img,
  html[data-theme^="gitea-auto"] footer .branding img {
		content: url('https://design.codeberg.org/logo-kit/icon.svg');
	}
}

@property --donation-pretty-gradient-color-1 {
  syntax: '<color>';
  initial-value: #000;
  inherits: false;
}

@property --donation-pretty-gradient-color-2 {
  syntax: '<color>';
  initial-value: #000;
  inherits: false;
}
.donation-pretty {
  --donation-pretty-gradient-color-1: var(--color-secondary-alpha-60);
  --donation-pretty-gradient-color-2: var(--color-secondary-alpha-60);
  background: linear-gradient(
    to top right,
    var(--donation-pretty-gradient-color-1), var(--donation-pretty-gradient-color-2)
  ) !important;
  transition: --donation-pretty-gradient-color-1 250ms, --donation-pretty-gradient-color-2 0ms !important;
}
.donation-pretty:hover {
  --donation-pretty-gradient-color-1: var(--color-primary-light-2);
  --donation-pretty-gradient-color-2: var(--color-primary-light-1);
}

/* Custom Codeberg footer */
.powered-by img {
  display: none;
}
html[data-theme^="forgejo-light"] footer .powered-by .light-logo,
html[data-theme^="gitea-light"] footer .powered-by .light-logo {
	display: block;
}
html[data-theme^="forgejo-dark"] footer .powered-by .dark-logo,
html[data-theme^="gitea-dark"] footer .powered-by .dark-logo,
html[data-theme^="codeberg-"] footer .powered-by .dark-logo {
	display: block;
}
@media (prefers-color-scheme: light) {
  html[data-theme^="forgejo-auto"] footer .powered-by .light-logo,
  html[data-theme^="gitea-auto"] footer .powered-by .light-logo {
    display: block;
	}
}
@media (prefers-color-scheme: dark) {
  html[data-theme^="forgejo-auto"] footer .powered-by .dark-logo,
  html[data-theme^="gitea-auto"] footer .powered-by .dark-logo {
		display: block;
	}
}
footer {
  background-color: var(--color-footer);
  width: 100%;
  color: var(--color-footer-text);
  font-weight: 400;
  padding: 1em;
}
footer .grid {
  display: grid;
  grid-gap: 2em 1.5em;
  padding: 2em;
  padding-bottom: 1em;
}
@media (min-width: 992px) {
  footer .grid {
    grid-template-columns: 2fr repeat(4, 3fr);
  }
}
footer .grid a,
footer .grid ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 1.25em;
  line-height: 2em;
}
footer .branding img {
  width: 100px;
}
footer .powered-by img {
  width: 100px;
  height: 37.5px;
}
footer .powered-by .title {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 1em;
}
footer * a {
  color: inherit;
}
footer * b {
  font-size: 2em;
}
footer .ui.language .menu {
  max-height: 500px;
  overflow-y: auto;
  margin-bottom: 7px;
}
footer .ui.language .svg,
footer .ui.language .text {
  margin-right: 0.15em;
  vertical-align: middle;
}
.footer-bottom-grid {
  display: grid;
  grid-template-columns: 256px minmax(256px,1fr) 256px !important;
}
.footer-social {
  grid-column: 2;
  text-align: center;
}
.footer-language-switch {
  align-self: end;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .footer-bottom-grid {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
}

.symbol-of-tolerance {
  margin-top: 1em;
  height: 0.25em;
  background: linear-gradient(90deg, #ea392f 0%, #ea392f 9.091%, #f28917 9.091%, #f28917 18.182%, #eecb12 18.182%, #eecb12 27.273%, #78b82a 27.273%, #78b82a 36.364%, #4375ca 36.364%, #4375ca 45.455%, #c346e3 45.455%, #c346e3 54.545%, #7bcce5 54.545%, #7bcce5 63.636%, #eaeaea 63.636%, #eaeaea 72.727%, #f4aec8 72.727%, #f4aec8 81.818%, #000000 81.818%, #000000 90.909%, #945516 90.909%, #945516 100%);
}

#tou-announcement {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  background: var(--color-info-bg);
  font-weight: 600;
  padding: .5em;
}

@media (max-width: 767.98px) {
  #tou-announcement {
    flex-direction: column;
    gap: .5em;
  }
}
