/* =========================================================
   STAK Theme für Forgejo
   CI-Farben:
   Cyan:      #00d9ff
   Pink:      #d159bb
   Dunkelblau:#0f172a
   ========================================================= */

/* ---------- Globale Forgejo Theme-Variablen ---------- */

:root {
    --color-primary: #00d9ff;
    --color-primary-hover: #00c4e6;
    --color-primary-active: #00b3d1;

    --color-secondary: #d159bb;
    --color-secondary-hover: #bd4da9;
    --color-secondary-active: #a94497;

    --color-accent: #00d9ff;

    --color-menu: #ffffff;
    --color-menu-text: #0f172a;
    --color-header-wrapper: #ffffff;
}


/* ---------- Links ---------- */

a {
    color: #009fbd;
}

a:hover {
    color: #00bddd;
}


/* ---------- Primäre Buttons ---------- */

.ui.primary.button,
.ui.primary.buttons .button {
    background: #00d9ff !important;
    color: #0f172a !important;
    border-color: #00d9ff !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
    background: #00c4e6 !important;
    border-color: #00c4e6 !important;
}


/* ---------- Positive / wichtige Aktionen ---------- */

.ui.green.button,
.ui.positive.button {
    background: #00d9ff !important;
    color: #0f172a !important;
    border-color: #00d9ff !important;
}

.ui.green.button:hover,
.ui.positive.button:hover {
    background: #00c4e6 !important;
    border-color: #00c4e6 !important;
}


/* ---------- Aktive Navigation / Tabs ---------- */

.ui.tabular.menu .active.item,
.ui.secondary.pointing.menu .active.item {
    border-color: #00d9ff !important;
}


/* ---------- Checkboxen ---------- */

.ui.checkbox input:checked ~ label::before {
    background: #00d9ff !important;
    border-color: #00d9ff !important;
}


/* ---------- Fokus ---------- */

input:focus,
textarea:focus,
select:focus {
    border-color: #00d9ff !important;
    box-shadow: 0 0 0 1px #00d9ff !important;
}


/* ---------- Labels / Badges ---------- */

.ui.blue.label,
.ui.teal.label {
    background: #00d9ff !important;
    color: #0f172a !important;
}

.ui.pink.label {
    background: #d159bb !important;
}


/* =========================================================
   HEADER
   ========================================================= */

header,
.page-header {
    background: #ffffff;
}


/* ---------- Forgejo Logo ausblenden ---------- */

header .logo,
.ui.menu .item img.logo,
.ui.menu .item .logo {
    display: none !important;
}


/* ---------- STAK Logo einsetzen ---------- */

header .brand,
.ui.menu .brand,
.ui.menu a.item[href="/"] {
    position: relative;
}

header .brand::before,
.ui.menu .brand::before,
.ui.menu a.item[href="/"]::before {
    content: "";
    display: block;

    width: 115px;
    height: 40px;

    background-image: url("/assets/stak-logo.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}


/* ---------- Header Hover ---------- */

header .ui.menu .item:hover {
    color: #00bddd !important;
}


/* ---------- Aktives Header Element ---------- */

header .ui.menu .active.item {
    color: #00bddd !important;
}


/* =========================================================
   Repository / Code Bereiche
   ========================================================= */

.repo-header .repo-title a,
.repository .repo-title a {
    color: #0f172a;
}

.repo-header .repo-title a:hover,
.repository .repo-title a:hover {
    color: #00bddd;
}


/* ---------- Repo Tabs ---------- */

.repository .ui.tabular.menu .active.item {
    border-color: #00d9ff !important;
}


/* ---------- Commit / Branch Links ---------- */

.commit-id,
.branch-name,
.tag-name {
    color: #009fbd !important;
}


/* =========================================================
   Kleine STAK-Akzente
   ========================================================= */

::selection {
    background: #00d9ff;
    color: #0f172a;
}

.ui.progress .bar {
    background: #00d9ff !important;
}

.ui.progress.success .bar {
    background: #00d9ff !important;
}

.ui.ribbon.label {
    background: #d159bb !important;
}

/* =========================================================
   STAK Logo im Forgejo Header
   ========================================================= */

#navbar-logo {
    width: 145px !important;
    height: 46px !important;
    padding: 4px 10px !important;

    background-image: url("/assets/stak-logo.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

#navbar-logo img {
    display: none !important;
}

#navbar-logo::before {
    display: none !important;
    content: none !important;
}