/*
 * GREEN THEME OVERRIDE
 * Изменение синих цветов на зеленые для соответствия новому логотипу
 */

/* ===== ОСНОВНЫЕ ЗЕЛЕНЫЕ ЦВЕТА ===== */
:root {
    --green-primary: #059669;
    --green-primary-dark: #047857;
    --green-primary-light: #10b981;
    --green-secondary: #16a34a;
    --green-accent: #22c55e;

    /* Bootstrap переменные для ссылок */
    --bs-link-color: #059669 !important;
    --bs-link-color-rgb: 5, 150, 105 !important;
    --bs-link-hover-color: #047857 !important;
    --bs-link-hover-color-rgb: 4, 120, 87 !important;

    /* Bootstrap primary цвет */
    --bs-primary: #059669 !important;
    --bs-primary-rgb: 5, 150, 105 !important;
}

/* ===== АКТИВНЫЕ ТАБЫ И НАВИГАЦИЯ ===== */

/* Активные ссылки в основной навигации */
.primary-menu .navbar-nav a.nav-link:active,
.primary-menu .navbar-nav a.nav-link:focus {
    color: #ffffff !important;
    background-color: var(--green-primary) !important;
}

.primary-menu .navbar-nav .active {
    color: #fff !important;
    background-color: var(--green-primary) !important;
}

/* Чат табы */
.chat-tab-menu .nav-pills .nav-link.active,
.chat-tab-menu .nav-pills .show > .nav-link {
    color: var(--green-primary) !important;
    background-color: rgba(5, 150, 105, 0.1) !important;
}

/* ===== КНОПКИ ===== */

/* Основные кнопки */
.btn-primary {
    --bs-btn-bg: var(--green-primary) !important;
    --bs-btn-border-color: var(--green-primary) !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: var(--green-primary-dark) !important;
    --bs-btn-hover-border-color: var(--green-primary-dark) !important;
    --bs-btn-active-bg: var(--green-primary-dark) !important;
    --bs-btn-active-border-color: var(--green-primary-dark) !important;
    --bs-btn-disabled-bg: var(--green-primary) !important;
    --bs-btn-disabled-border-color: var(--green-primary) !important;
    background-color: var(--green-primary) !important;
    border-color: var(--green-primary) !important;
    color: white;
}

.btn-primary:hover {
    background-color: var(--green-primary-dark) !important;
    border-color: var(--green-primary-dark) !important;
    color: #ffffff;
}

.btn-primary:focus,
.btn-primary:active {
    background-color: var(--green-primary-dark) !important;
    border-color: var(--green-primary-dark) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(5, 150, 105, 0.25) !important;
}

/* Специфичные стили для формы stepper */
#stepper2 .btn-primary,
.bs-stepper .btn-primary {
    background-color: var(--green-primary) !important;
    border-color: var(--green-primary) !important;
    color: #ffffff !important;
}

#stepper2 .btn-primary:hover,
.bs-stepper .btn-primary:hover {
    background-color: var(--green-primary-dark) !important;
    border-color: var(--green-primary-dark) !important;
    color: #ffffff !important;
}

/* BS Stepper активные элементы */
.bs-stepper .step.active .step-trigger {
    color: var(--green-primary) !important;
}

.bs-stepper .step.active .bs-stepper-circle {
    background-color: var(--green-primary) !important;
    color: #ffffff !important;
}

.bs-stepper .step-trigger:focus {
    color: var(--green-primary) !important;
}

/* Градиентные кнопки */
.btn-grd-primary {
    background-image: linear-gradient(310deg, var(--green-primary) 0%, var(--green-secondary) 100%) !important;
}

.btn-grd-info {
    background-image: linear-gradient(310deg, var(--green-primary-light) 0%, var(--green-primary) 100%) !important;
}

.btn-grd-success:hover {
    color: var(--bs-white) !important;
}

.btn-grd-success {
    background-image: linear-gradient( 310deg,#059669,#000000CC) !important;
}

.btn-outline-success {
    --bs-btn-color: #059669 !important;
    --bs-btn-border-color: #059669 !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: #059669 !important;
    --bs-btn-hover-border-color: #059669 !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: #059669 !important;
    --bs-btn-active-border-color: #059669 !important;
    color: #059669 !important;
    border-color: #059669 !important;
    background-color: transparent !important;
}

.btn-outline-success:hover {
    background-color: #059669 !important; /* Светлее чем #059669 */
    border-color: #059669 !important;
    color: #ffffff !important;
}

.btn-outline-success:focus,
.btn-outline-success:active {
    background-color: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25) !important;
}

/* ===== BOOTSTRAP BUTTON GROUP FIX ===== */
/* Исправляем проблему с кнопками фильтрации в чате */
.btn-check:checked + .btn-outline-success {
    background-color: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
}

.btn-check:focus + .btn-outline-success {
    box-shadow: 0 0 0 0.2rem rgba(5, 150, 105, 0.25) !important;
}

.btn-check:hover + .btn-outline-success {
    background-color: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
}

.btn-check:active + .btn-outline-success {
    background-color: #047857 !important;
    border-color: #047857 !important;
    color: #ffffff !important;
}

/* Обычные кнопки btn-outline-success (не в button group) */
.btn-outline-success:not(.btn-group .btn-outline-success) {
    --bs-btn-color: #059669 !important;
    --bs-btn-border-color: #059669 !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: #059669 !important;
    --bs-btn-hover-border-color: #059669 !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-active-bg: #059669 !important;
    --bs-btn-active-border-color: #059669 !important;
    color: #059669 !important;
    border-color: #059669 !important;
    background-color: transparent !important;
}

.btn-outline-success:not(.btn-group .btn-outline-success):hover {
    background-color: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
}

.btn-outline-success:not(.btn-group .btn-outline-success):focus,
.btn-outline-success:not(.btn-group .btn-outline-success):active {
    background-color: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25) !important;
}

/* ===== ССЫЛКИ И АКЦЕНТЫ ===== */

/* Основные ссылки - НЕ применяем зеленый цвет ко всем ссылкам */
/* Убираем глобальное переопределение цвета ссылок */

/* Применяем зеленый цвет только к специфичным элементам */
.landing-page a,
.text-primary {
    color: var(--green-primary) !important;
}

.landing-page a:hover {
    color: var(--green-primary-dark) !important;
}

/* Кнопки primary - белый текст на зеленом фоне */
.btn-primary {
    background-color: var(--green-primary) !important;
    border-color: var(--green-primary) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--green-primary-dark) !important;
    border-color: var(--green-primary-dark) !important;
    color: #ffffff !important;
}

/* Дополнительные стили для градиентных кнопок */
.btn-grd-primary {
    color: #ffffff !important;
}

.btn-grd-primary:hover,
.btn-grd-primary:focus,
.btn-grd-primary:active {
    color: #ffffff !important;
}

/* Убираем дублирование - .text-primary уже определен выше */

/* ===== СИНЯЯ ТЕМА ===== */
[data-bs-theme=blue-theme] {
    --bs-link-color: #10b981 !important;
    --bs-link-color-rgb: 16, 185, 129 !important;
    --bs-link-hover-color: #22c55e !important;
    --bs-link-hover-color-rgb: 34, 197, 94 !important;
}

[data-bs-theme=blue-theme] .primary-menu .navbar-nav .active {
    color: #fff !important;
    background-color: var(--green-primary) !important;
}

/* Убираем глобальное переопределение ссылок для синей темы */

/* ===== ТЕМНАЯ ТЕМА ===== */
[data-bs-theme=dark] {
    --bs-link-color: #10b981 !important;
    --bs-link-color-rgb: 16, 185, 129 !important;
    --bs-link-hover-color: #22c55e !important;
    --bs-link-hover-color-rgb: 34, 197, 94 !important;
}

[data-bs-theme=dark] .primary-menu .navbar-nav .active {
    color: #fff !important;
    background-color: var(--green-primary) !important;
}

/* Убираем глобальное переопределение ссылок для темной темы */

/* ===== САЙДБАР - СЕРОВАТО-ЧЕРНЫЕ ЦВЕТА ===== */

/* Основные ссылки в сайдбаре */
.sidebar-nav .metismenu a {
    color: #5f5f5f !important; /* Серовато-черный цвет */
}

.sidebar-nav .metismenu a:hover {
    color: #333333 !important; /* Темнее при наведении */
}

/* Активные пункты меню остаются зелеными */
.sidebar-nav .metismenu a.mm-active {
    color: var(--green-primary) !important;
    background-color: rgba(5, 150, 105, 0.1) !important;
}

.sidebar-nav .metismenu a.mm-active .parent-icon i,
.sidebar-nav .metismenu a.mm-active .parent-icon span,
.sidebar-nav .metismenu a.mm-active .menu-title {
    color: var(--green-primary) !important;
}

/* Метки меню */
.sidebar-nav .menu-label {
    color: #b0afaf !important;
}

/* ===== СПИСКИ ===== */

/* Стили для списка tire (тире) - максимально специфичные */
html body ul.tire,
html body ul.tire > li,
ul.tire,
ul.tire > li,
ul.tire li {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}

html body ul.tire > li,
ul.tire > li {
    margin-bottom: 5px !important;
}

html body ul.tire li::before,
ul.tire li::before {
    content: "—" !important;
    color: #059669 !important;
    font-weight: bold !important;
    display: inline-block !important;
    margin-right: 0.75rem !important;
}

/* Стили для списка engine (звездочки) */
html body ul.engine,
html body ul.engine > li,
ul.engine,
ul.engine > li,
ul.engine li {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}

html body ul.engine > li,
ul.engine > li {
    margin-bottom: 5px !important;
}

html body ul.engine li::before,
ul.engine li::before {
    content: "✨" !important;
    color: #059669 !important;
    font-weight: bold !important;
    display: inline-block !important;
    margin-right: 0.75rem !important;
}

.bg-grd-success {
    background-image: linear-gradient( 310deg,#059669,#000000CC) !important;
}

.bg-grd-primary {
    background: linear-gradient(310deg, #00fbc6 0%, #00ea5b 100%) !important;
    color: black !important;
}

/* ===== BOOTSTRAP BUTTON GROUP FIX ===== */
/* Исправляем проблему с кнопками фильтрации в чате */