/* =========================================
   1. Цветовая палитра (Мягкая темная тема)
   ========================================= */
:root {
    --bg-body: #1c2128;       /* Основной фон (темно-серый) */
    --bg-panel: #22272e;      /* Фон карточек, панелей и форм */
    --bg-hover: #2d333b;      /* Фон при наведении */
    --border-color: #444c56;  /* Цвет границ */
    --text-main: #adbac7;     /* Основной текст (светло-серый) */
    --text-white: #cdd9e5;    /* Заголовки и важный текст */
    --accent-color: #ff6f00;  /* Ваш оранжевый акцент */
}

/* =========================================
   2. Глобальные стили
   ========================================= */
body {
    background-color: var(--bg-body) !important;
    color: var(--text-main) !important;
}

/* =========================================
   3. Верхняя панель навигации (Header)
   ========================================= */
.ui.top.menu, .following.bar.light {
    background-color: var(--bg-panel) !important;
    border-bottom: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}
.ui.top.menu .item {
    color: var(--text-main) !important;
}
.ui.top.menu .item:hover, .ui.top.menu .item.active {
    background-color: var(--bg-hover) !important;
    color: var(--accent-color) !important;
}

/* =========================================
   4. Карточки, панели и таблицы (Репозитории и т.д.)
   ========================================= */
.ui.segment, .ui.table, .ui.list, .ui.attached.header {
    background-color: var(--bg-panel) !important;
    border-color: var(--border-color) !important;
    color: var(--text-main) !important;
}
.ui.attached.header {
    background-color: var(--bg-hover) !important;
    color: var(--text-white) !important;
}
.ui.divider {
    border-color: var(--border-color) !important;
}

/* =========================================
   5. Кнопки
   ========================================= */
.ui.primary.button {
    background-color: var(--accent-color) !important;
    color: #ffffff !important;
}
.ui.primary.button:hover {
    background-color: #e66400 !important;
}
.ui.button {
    background-color: var(--bg-panel) !important;
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
}
.ui.button:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-white) !important;
}
.ui.green.button {
    background-color: var(--accent-color) !important;
    color: #ffffff !important;
}
.ui.green.button:hover {
    background-color: #e66400 !important;
}

/* =========================================
   6. Ссылки и текст
   ========================================= */
a {
    color: var(--accent-color) !important;
}
a:hover {
    color: #ff9800 !important;
}
.ui.header, h1, h2, h3, h4, h5 {
    color: var(--text-white) !important;
}
.ui.header .sub.header, .description, .muted {
    color: var(--text-main) !important;
    opacity: 0.8;
}

/* =========================================
   7. Вкладки (Репозиторий, Организация, Зеркало)
   ========================================= */
.ui.tabable.menu .item {
    color: var(--text-main) !important;
}
.ui.tabable.menu .item.active {
    color: var(--accent-color) !important;
    border-bottom: 2px solid var(--accent-color) !important;
}

/* =========================================
   8. Выпадающие меню (включая "Плюсик" наверху)
   ========================================= */
.ui.dropdown .menu {
    background-color: var(--bg-panel) !important;
    border: 1px solid var(--border-color) !important;
}
.ui.dropdown .menu > .item {
    color: var(--text-main) !important;
}
.ui.dropdown .menu > .item:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-white) !important;
}

/* =========================================
   9. Подвал (Footer)
   ========================================= */
footer {
    background-color: var(--bg-body) !important;
    border-top: 1px solid var(--border-color) !important;
    color: var(--text-main) !important;
}
footer a {
    color: var(--text-main) !important;
}
footer a:hover {
    color: var(--accent-color) !important;
}

/* =========================================
   10. Поля ввода (Формы, поиск, авторизация)
   ========================================= */
input, textarea, select {
    background-color: var(--bg-body) !important;
    color: var(--text-white) !important;
    border: 1px solid var(--border-color) !important;
}
input:focus, textarea:focus {
    border-color: var(--accent-color) !important;
}
.ui.form .field > label {
    color: var(--text-main) !important;
}
.ui.form input[type="text"], 
.ui.form input[type="email"], 
.ui.form input[type="password"] {
    background-color: var(--bg-panel) !important;
    color: var(--text-white) !important;
    border: 1px solid var(--border-color) !important;
}
.ui.checkbox label {
    color: var(--text-main) !important;
}
.ui.attached.segment {
    background-color: var(--bg-panel) !important;
    border-color: var(--border-color) !important;
}

/* =========================================
   11. Исправление текста в формах (Описания, подсказки)
   ========================================= */
.ui.form .help, 
.ui.form .help-block {
    color: var(--text-main) !important;
    opacity: 0.7;
}
.ui.form .inline.field > label {
    color: var(--text-main) !important;
}
.ui.accordion .title {
    color: var(--text-white) !important;
}
.ui.accordion .title .dropdown.icon {
    color: var(--text-main) !important;
}

/* =========================================
   12. Исправление выпадающего списка "Владелец"
   ========================================= */
.ui.selection.dropdown {
    background-color: var(--bg-panel) !important;
    border-color: var(--border-color) !important;
    color: var(--text-white) !important;
}
.ui.selection.dropdown .menu {
    background-color: var(--bg-panel) !important;
}
.ui.selection.dropdown .menu > .item {
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
}
.ui.selection.dropdown .menu > .item:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-white) !important;
}

/* =========================================
   13. Мелкие элементы (метки, счетчики, цветной текст)
   ========================================= */
.ui.label, .ui.grey.label {
    background-color: var(--border-color) !important;
    color: var(--text-white) !important;
}
.ui.red.text {
    color: #ff7b72 !important; /* Более мягкий красный */
}
.ui.blue.text {
    color: #58a6ff !important; /* Более мягкий синий */
}

/* =========================================
   14. ИСПРАВЛЕНИЕ: Выпадающее меню "Плюсик" при клике
   ========================================= */
.ui.dropdown .menu.transition.visible {
    background-color: var(--bg-panel) !important;
}
.ui.dropdown .menu.transition.visible > .item {
    color: var(--text-main) !important;
}
.ui.dropdown .menu.transition.visible > .item:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-white) !important;
}
.ui.dropdown .menu.transition.visible > .item > .octicon {
    color: var(--text-main) !important;
}
.ui.dropdown .menu.transition.visible > .item:hover > .octicon {
    color: var(--text-white) !important;
}

/* =========================================
   15. Вертикальное меню настроек (Настройки профиля)
   ========================================= */
.ui.vertical.menu {
    background-color: var(--bg-panel) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}

.ui.vertical.menu .item {
    color: var(--text-main) !important;
    background-color: var(--bg-panel) !important;
    border-top: 1px solid var(--border-color) !important;
}

/* Заголовок меню "Настройки" */
.ui.vertical.menu .header.item {
    color: var(--text-white) !important;
    background-color: var(--bg-hover) !important;
    font-weight: bold;
    border-top: none !important;
}

/* Наведение на пункты меню */
.ui.vertical.menu .item:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-white) !important;
}

/* Активный пункт меню */
.ui.vertical.menu .active.item {
    background-color: var(--bg-hover) !important;
    color: var(--accent-color) !important;
    border-left: 3px solid var(--accent-color) !important;
    font-weight: 600;
}

/* Наведение на активный пункт (чтобы не пропадал цвет) */
.ui.vertical.menu .active.item:hover {
    background-color: var(--bg-hover) !important;
    color: var(--accent-color) !important;
}

/* =========================================
   16. Горизонтальные вкладки на главной (Репозиторий, Организация, Зеркало)
   ========================================= */
.ui.tabable.menu {
    background-color: var(--bg-panel) !important;
    border-bottom: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}

.ui.tabable.menu .item {
    color: var(--text-main) !important;
    background-color: transparent !important;
    border-bottom: 2px solid transparent !important;
}

/* Наведение на вкладку */
.ui.tabable.menu .item:hover {
    color: var(--text-white) !important;
    background-color: var(--bg-hover) !important;
}

/* Активная вкладка */
.ui.tabable.menu .item.active {
    color: var(--accent-color) !important;
    background-color: transparent !important;
    border-bottom: 2px solid var(--accent-color) !important;
    font-weight: 600;
}

/* Чтобы при наведении на активную вкладку она не теряла свой стиль */
.ui.tabable.menu .item.active:hover {
    color: var(--accent-color) !important;
    background-color: var(--bg-hover) !important;
}

/* =========================================
   17. Исправление статистики репозитория (Коммиты, Ветки, Релизы)
   ========================================= */
.ui.text.black {
    color: var(--text-main) !important;
}
.ui.text.black:hover {
    color: var(--accent-color) !important;
}

/* =========================================
   18. Исправление Markdown (README и другие файлы)
   ========================================= */
.file-view.markdown {
    color: var(--text-main) !important;
}
.file-view.markdown p,
.file-view.markdown ul,
.file-view.markdown ol,
.file-view.markdown li,
.file-view.markdown blockquote {
    color: var(--text-main) !important;
}
.file-view.markdown h1,
.file-view.markdown h2,
.file-view.markdown h3,
.file-view.markdown h4,
.file-view.markdown h5 {
    color: var(--text-white) !important;
    border-bottom-color: var(--border-color) !important;
}
.file-view.markdown code {
    background-color: var(--bg-hover) !important;
    color: #ff9800 !important; /* Оранжевый для кода, чтобы выделялся */
    border: none !important;
}
.file-view.markdown pre {
    background-color: var(--bg-body) !important;
    border: 1px solid var(--border-color) !important;
}
.file-view.markdown pre code {
    color: var(--text-white) !important;
    background-color: transparent !important;
}

/* =========================================
   19. Исправление шапки репозитория (Хлебные крошки и кнопки)
   ========================================= */
/* Хлебные крошки (renath / portfolio_site) */
.ui.breadcrumb a {
    color: var(--text-main) !important;
}
.ui.breadcrumb a:hover {
    color: var(--accent-color) !important;
}
.ui.breadcrumb .divider {
    color: var(--border-color) !important;
}
.ui.breadcrumb > .active.section {
    color: var(--text-white) !important;
}

/* Иконка замка */
.mega-octicon.octicon-lock {
    color: var(--text-main) !important;
}

/* Кнопки "В избранное", "Ответвить", "Перестать следить" и метки с цифрами */
.ui.labeled.button .ui.basic.button {
    background-color: var(--bg-panel) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}
.ui.labeled.button .ui.basic.button:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-white) !important;
}
.ui.labeled.button .ui.basic.label {
    background-color: var(--bg-hover) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color) !important;
}

/* =========================================
   20. Исправление горизонтального меню репозитория (Файлы, Задачи...)
   ========================================= */
.ui.tabular.menu.navbar {
    background-color: transparent !important;
    border-bottom: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}
.ui.tabular.menu.navbar .item {
    color: var(--text-main) !important;
    border-bottom: 2px solid transparent !important;
    background-color: transparent !important;
}
.ui.tabular.menu.navbar .item:hover {
    color: var(--text-white) !important;
    background-color: transparent !important;
}
.ui.tabular.menu.navbar .item.active {
    color: var(--text-white) !important;
    border-bottom: 2px solid var(--accent-color) !important;
    background-color: transparent !important;
}
.ui.tabular.menu.navbar .item.active:hover {
    color: var(--text-white) !important;
}
/* Иконки внутри меню */
.ui.tabular.menu.navbar .item > .octicon {
    color: var(--text-main) !important;
}
.ui.tabular.menu.navbar .item.active > .octicon {
    color: var(--accent-color) !important;
}

/* Метки с цифрами (0) в меню */
.ui.tabular.menu.navbar .item .ui.gray.small.label {
    background-color: var(--bg-hover) !important;
    color: var(--text-main) !important;
}

/* Разделитель под меню */
.ui.tabs.divider {
    border-bottom: 1px solid var(--border-color) !important;
}

/* =========================================
   21. Принудительное исправление фона шапки репозитория
   ========================================= */
.header-wrapper {
    background-color: var(--bg-panel) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

/* Иногда Gogs использует псевдоэлементы или вложенные divs для фона */
.header-wrapper .ui.container,
.header-wrapper .ui.grid,
.header-wrapper .column {
    background-color: transparent !important;
}

/* На всякий случай переопределим фон для панели вкладок внутри шапки */
.header-wrapper .ui.tabs.container {
    background-color: transparent !important;
}

/* Исправление для меню, если оно наследует цвет от светлой темы */
.ui.tabular.menu.navbar {
    background-color: transparent !important;
    border-bottom: 1px solid var(--border-color) !important;
}

/* =========================================
   22. Панель инструментов репозитория (Ветки, Клонирование, Кнопки)
   ========================================= */

/* Кнопка сравнения (зеленая) */
.ui.green.small.button {
    background-color: var(--accent-color) !important;
    color: #ffffff !important;
    border: none !important;
}

/* Базовые кнопки (Ветка, HTTPS, SSH, копирование) */
.ui.basic.button, 
.ui.basic.buttons .button {
    background-color: var(--bg-panel) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}
.ui.basic.button:hover, 
.ui.basic.buttons .button:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-white) !important;
}

/* Синие кнопки "Новый файл", "Загрузить файл" */
.ui.tiny.blue.buttons .button {
    background-color: var(--bg-panel) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color) !important;
}
.ui.tiny.blue.buttons .button:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-white) !important;
}

/* Поле ввода для клонирования (URL) */
.ui.action.input input {
    background-color: var(--bg-body) !important;
    color: var(--text-white) !important;
    border: 1px solid var(--border-color) !important;
}

/* Выпадающее меню "Ветка" */
.ui.floating.dropdown .menu {
    background-color: var(--bg-panel) !important;
    border: 1px solid var(--border-color) !important;
}
.ui.floating.dropdown .menu .item {
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
}
.ui.floating.dropdown .menu .item:hover,
.ui.floating.dropdown .menu .item.selected {
    background-color: var(--bg-hover) !important;
    color: var(--text-white) !important;
}

/* Поле поиска внутри выпадающего меню (Фильтр по ветке) */
.ui.floating.dropdown .menu .ui.input input {
    background-color: var(--bg-body) !important;
    color: var(--text-white) !important;
}

/* Текст "Ветки" и "Метки" в меню */
.ui.floating.dropdown .menu .header .text.black {
    color: var(--text-white) !important;
}
.ui.floating.dropdown .menu .header .text {
    color: var(--text-main) !important;
}

/* Ссылка на текущую ветку (portfolio_site) */
.ui.secondary.menu .ui.breadcrumb a.section {
    color: var(--text-white) !important;
}
.ui.secondary.menu .ui.breadcrumb a.section:hover {
    color: var(--accent-color) !important;
}