/* serverlele – GitHub-Look über den eingebauten Gitea-Themes (Auto/Light/Dark) */

html[data-theme="gitea-light"] {
  --color-primary: #0969da;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #0860c4;
  --color-primary-dark-2: #0756ae;
  --color-primary-dark-3: #064c99;
  --color-primary-light-1: #218bff;
  --color-primary-light-2: #54aeff;
  --color-primary-light-3: #80ccff;
  --color-primary-alpha-10: #0969da1a;
  --color-primary-alpha-20: #0969da33;
  --color-primary-alpha-30: #0969da4d;
  --color-primary-alpha-40: #0969da66;

  --color-body: #ffffff;
  --color-box-body: #ffffff;
  --color-box-body-highlight: #f6f8fa;
  --color-box-header: #f6f8fa;
  --color-nav-bg: #f6f8fa;
  --color-nav-hover-bg: #eff2f5;
  --color-header-bar: #f6f8fa;
  --color-footer: #f6f8fa;
  --color-secondary-bg: #f6f8fa;
  --color-card: #ffffff;
  --color-menu: #ffffff;
  --color-input-background: #ffffff;
  --color-input-border: #d1d9e0;
  --color-button: #f6f8fa;
  --color-hover: #818b981a;
  --color-active: #818b9826;
  --color-markup-code-block: #f6f8fa;
  --color-markup-code-inline: #818b981f;

  --color-text: #1f2328;
  --color-text-dark: #1f2328;
  --color-text-light: #393f46;
  --color-text-light-1: #4d545c;
  --color-text-light-2: #59636e;
  --color-text-light-3: #818b98;

  --color-secondary: #d1d9e0;
  --color-secondary-dark-1: #d1d9e0;
  --color-light-border: #d1d9e0;

  --color-green: #1a7f37;
  --color-red: #d1242f;
  --color-purple: #8250df;
  --color-orange: #9a6700;

  --sl-btn-green: #1f883d;
  --sl-btn-green-hover: #1c8139;
  --sl-btn-green-border: rgba(31, 35, 40, .15);
}
html[data-theme="gitea-dark"] {
  --color-primary: #2f81f7;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #388bfd;
  --color-primary-dark-2: #58a6ff;
  --color-primary-dark-3: #79c0ff;
  --color-primary-light-1: #1f6feb;
  --color-primary-light-2: #1a5fcc;
  --color-primary-light-3: #164fa8;
  --color-primary-alpha-10: #2f81f71a;
  --color-primary-alpha-20: #2f81f733;
  --color-primary-alpha-30: #2f81f74d;
  --color-primary-alpha-40: #2f81f766;

  --color-body: #0d1117;
  --color-box-body: #0d1117;
  --color-box-body-highlight: #161b22;
  --color-box-header: #151b23;
  --color-nav-bg: #010409;
  --color-nav-hover-bg: #151b23;
  --color-header-bar: #010409;
  --color-footer: #010409;
  --color-secondary-bg: #151b23;
  --color-card: #0d1117;
  --color-menu: #151b23;
  --color-input-background: #0d1117;
  --color-input-border: #3d444d;
  --color-button: #212830;
  --color-hover: #656c7633;
  --color-active: #656c7640;
  --color-markup-code-block: #151b23;
  --color-markup-code-inline: #656c7633;
  --color-code-bg: #0d1117;

  --color-text: #e6edf3;
  --color-text-dark: #f0f6fc;
  --color-text-light: #c9d1d9;
  --color-text-light-1: #b1bac4;
  --color-text-light-2: #9198a1;
  --color-text-light-3: #6e7681;

  --color-secondary: #3d444d;
  --color-secondary-dark-1: #3d444d;
  --color-light-border: #3d444d;

  --color-green: #3fb950;
  --color-red: #f85149;
  --color-purple: #a371f7;
  --color-orange: #d29922;

  --sl-btn-green: #238636;
  --sl-btn-green-hover: #29903b;
  --sl-btn-green-border: rgba(240, 246, 252, .1);
}
@media (prefers-color-scheme: light) {
  html[data-theme="gitea-auto"] {
  --color-primary: #0969da;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #0860c4;
  --color-primary-dark-2: #0756ae;
  --color-primary-dark-3: #064c99;
  --color-primary-light-1: #218bff;
  --color-primary-light-2: #54aeff;
  --color-primary-light-3: #80ccff;
  --color-primary-alpha-10: #0969da1a;
  --color-primary-alpha-20: #0969da33;
  --color-primary-alpha-30: #0969da4d;
  --color-primary-alpha-40: #0969da66;

  --color-body: #ffffff;
  --color-box-body: #ffffff;
  --color-box-body-highlight: #f6f8fa;
  --color-box-header: #f6f8fa;
  --color-nav-bg: #f6f8fa;
  --color-nav-hover-bg: #eff2f5;
  --color-header-bar: #f6f8fa;
  --color-footer: #f6f8fa;
  --color-secondary-bg: #f6f8fa;
  --color-card: #ffffff;
  --color-menu: #ffffff;
  --color-input-background: #ffffff;
  --color-input-border: #d1d9e0;
  --color-button: #f6f8fa;
  --color-hover: #818b981a;
  --color-active: #818b9826;
  --color-markup-code-block: #f6f8fa;
  --color-markup-code-inline: #818b981f;

  --color-text: #1f2328;
  --color-text-dark: #1f2328;
  --color-text-light: #393f46;
  --color-text-light-1: #4d545c;
  --color-text-light-2: #59636e;
  --color-text-light-3: #818b98;

  --color-secondary: #d1d9e0;
  --color-secondary-dark-1: #d1d9e0;
  --color-light-border: #d1d9e0;

  --color-green: #1a7f37;
  --color-red: #d1242f;
  --color-purple: #8250df;
  --color-orange: #9a6700;

  --sl-btn-green: #1f883d;
  --sl-btn-green-hover: #1c8139;
  --sl-btn-green-border: rgba(31, 35, 40, .15);
  }
}
@media (prefers-color-scheme: dark) {
  html[data-theme="gitea-auto"] {
  --color-primary: #2f81f7;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #388bfd;
  --color-primary-dark-2: #58a6ff;
  --color-primary-dark-3: #79c0ff;
  --color-primary-light-1: #1f6feb;
  --color-primary-light-2: #1a5fcc;
  --color-primary-light-3: #164fa8;
  --color-primary-alpha-10: #2f81f71a;
  --color-primary-alpha-20: #2f81f733;
  --color-primary-alpha-30: #2f81f74d;
  --color-primary-alpha-40: #2f81f766;

  --color-body: #0d1117;
  --color-box-body: #0d1117;
  --color-box-body-highlight: #161b22;
  --color-box-header: #151b23;
  --color-nav-bg: #010409;
  --color-nav-hover-bg: #151b23;
  --color-header-bar: #010409;
  --color-footer: #010409;
  --color-secondary-bg: #151b23;
  --color-card: #0d1117;
  --color-menu: #151b23;
  --color-input-background: #0d1117;
  --color-input-border: #3d444d;
  --color-button: #212830;
  --color-hover: #656c7633;
  --color-active: #656c7640;
  --color-markup-code-block: #151b23;
  --color-markup-code-inline: #656c7633;
  --color-code-bg: #0d1117;

  --color-text: #e6edf3;
  --color-text-dark: #f0f6fc;
  --color-text-light: #c9d1d9;
  --color-text-light-1: #b1bac4;
  --color-text-light-2: #9198a1;
  --color-text-light-3: #6e7681;

  --color-secondary: #3d444d;
  --color-secondary-dark-1: #3d444d;
  --color-light-border: #3d444d;

  --color-green: #3fb950;
  --color-red: #f85149;
  --color-purple: #a371f7;
  --color-orange: #d29922;

  --sl-btn-green: #238636;
  --sl-btn-green-hover: #29903b;
  --sl-btn-green-border: rgba(240, 246, 252, .1);
  }
}

/* Gemeinsame Komponenten-Styles (GitHub/Primer-Look) für alle sl-Themes */

:root {
  --fonts-override: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --border-radius: 6px;
  --border-radius-medium: 6px;
  --border-radius-full: 99999px;
}

/* ---------- Navbar ---------- */
#navbar {
  min-height: 64px;
  padding: 0 16px;
  border-bottom: 1px solid var(--color-secondary);
}
#navbar .item { border-radius: 6px; }
#navbar .item:hover { background: var(--color-nav-hover-bg); }

/* ---------- Buttons ---------- */
.ui.button {
  border-radius: 6px !important;
  font-weight: 500;
  box-shadow: none !important;
}
.ui.basic.button,
.ui.button:not(.primary):not(.red):not(.green):not(.blue):not(.orange):not(.yellow):not(.purple) {
  background: var(--color-button);
  border: 1px solid var(--color-secondary);
  color: var(--color-text);
}
.ui.basic.button:hover,
.ui.button:not(.primary):not(.red):not(.green):not(.blue):not(.orange):not(.yellow):not(.purple):hover {
  background: var(--color-hover);
  border-color: var(--color-text-light-3);
}
.ui.primary.button, .ui.primary.buttons .button, .ui.green.button {
  background: var(--sl-btn-green) !important;
  border: 1px solid var(--sl-btn-green-border) !important;
  color: #fff !important;
}
.ui.primary.button:hover, .ui.green.button:hover { background: var(--sl-btn-green-hover) !important; }
.ui.red.button, .ui.basic.red.button { border-radius: 6px; }

/* ---------- Boxen / Segmente ---------- */
.ui.segment, .ui.segments, .ui.attached.segment, .ui.attached.header,
.ui.top.attached.header, .ui.bottom.attached.segment, .flex-list, .ui.cards > .card, .ui.card {
  border-color: var(--color-secondary) !important;
}
.ui.segment:not(.attached), .ui.segments { border-radius: 6px; }
.ui.top.attached.header, .ui.top.attached.segment { border-radius: 6px 6px 0 0; }
.ui.bottom.attached.segment, .ui.bottom.attached.header { border-radius: 0 0 6px 6px; }
.ui.attached.header { background: var(--color-box-header); font-weight: 600; }

/* ---------- Repo-Kopf & Tabs (orange Unterstreichung wie GitHub) ---------- */
.ui.secondary.pointing.menu { border-bottom: 1px solid var(--color-secondary); }
.ui.secondary.pointing.menu .item { border-radius: 6px 6px 0 0; }
.ui.secondary.pointing.menu .active.item,
.ui.secondary.pointing.menu .active.item:hover {
  border-bottom: 2px solid #fd8c73 !important;
  font-weight: 600;
  color: var(--color-text) !important;
}
.ui.secondary.pointing.menu .item:not(.active):hover { background: var(--color-hover); }

/* ---------- Dateiliste ---------- */
#repo-files-table {
  border: 1px solid var(--color-secondary);
  border-radius: 6px;
  overflow: hidden;
}
#repo-files-table .repo-file-item:hover,
#repo-files-table .repo-file-line:hover { background: var(--color-hover); }

/* ---------- Formulare ---------- */
.ui.form input:not([type]),
.ui.form input[type="text"], .ui.form input[type="email"], .ui.form input[type="password"],
.ui.form input[type="search"], .ui.form input[type="url"], .ui.form input[type="number"],
.ui.form textarea, .ui.input > input, .ui.selection.dropdown {
  border-radius: 6px !important;
  border-color: var(--color-input-border) !important;
  background: var(--color-input-background);
}
.ui.form input:focus, .ui.form textarea:focus, .ui.input > input:focus, .ui.selection.dropdown.active {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px var(--color-primary-alpha-30) !important;
}

/* ---------- Dropdowns / Menüs ---------- */
.ui.dropdown .menu, .ui.menu .dropdown.item .menu, .tippy-box {
  border-radius: 12px !important;
  border: 1px solid var(--color-secondary) !important;
  box-shadow: 0 8px 24px rgba(1, 4, 9, .25) !important;
  overflow: hidden;
}
.ui.dropdown .menu > .item { border-radius: 6px; margin: 0 6px; }

/* ---------- Labels / Topics (Pillen) ---------- */
.ui.label { border-radius: 2em; font-weight: 500; }
.repo-topic, .topic.label {
  background: var(--color-primary-alpha-10) !important;
  color: var(--color-primary) !important;
  border-radius: 2em;
}

/* ---------- Markdown (README, Issues) ---------- */
.markup h1, .markup h2 {
  border-bottom: 1px solid var(--color-secondary);
  padding-bottom: .3em;
}
.markup pre, .markup code { border-radius: 6px; }
.markup blockquote { border-left: .25em solid var(--color-secondary); color: var(--color-text-light-2); }

/* ---------- Footer ---------- */
.page-footer {
  border-top: 1px solid var(--color-secondary);
  color: var(--color-text-light-2);
}

/* ---------- Avatare rund wie GitHub ---------- */
img.avatar, .ui.avatar.image { border-radius: 50% !important; }

/* ---------- Navbar: Original "Erkunden" + "Hilfe" ausblenden ---------- */
#navbar .navbar-left > a.item:not(.sl-nav)[href$="/explore/repos"],
#navbar .navbar-left > a.item:not(.sl-nav)[href$="/explore/organizations"],
#navbar .navbar-left > a.item:not(.sl-nav)[href="https://docs.gitea.com"] {
  display: none !important;
}

/* ---------- Navbar: Trennstrich vor Serverlele.de ---------- */
#navbar a.item.sl-sep {
  position: relative;
  margin-left: 13px;
}
#navbar a.item.sl-sep::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 25%;
  height: 50%;
  border-left: 1px solid var(--color-secondary);
}