: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;
}

/* Codeberg and Forgejo logos with dynamic theme change */
.branding > img.light-logo {
  display: none;
}
html[data-theme^="forgejo-light"],
html[data-theme^="gitea-light"] {
  .branding > img.light-logo {
    display: inline;
  }
}
html[data-theme^="forgejo-light"],
html[data-theme^="gitea-light"] {
  .branding > img.dark-logo {
	  display: none;
  }
}
@media (prefers-color-scheme: light) {
  html[data-theme^="forgejo-auto"],
  html[data-theme^="gitea-auto"] {
    .branding > img.light-logo {
		  display: inline;
    }
	}
  html[data-theme^="forgejo-auto"],
  html[data-theme^="gitea-auto"] {
    .branding > img.dark-logo {
      display: none;
    }
  }
}
#navbar .branding,
.powered-by .branding {
  display: flex;
}

/* Donate button with animated gradient */
@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 layout */
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%);
}
