/*
===============================================
B2B DUKEN - ФИНАЛЬНАЯ НАСТРОЙКА ЦВЕТОВ ЛОГОТИПА
Приоритетные стили для соответствия логотипу
===============================================
*/

/* === ЦВЕТА ЛОГОТИПА B2B DUKEN === */
:root {
    /* Точные цвета из логотипа */
    --logo-primary: #4A90E2;     /* Основной синий */
    --logo-medium: #357ABD;      /* Средний синий */
    --logo-dark: #2F5F8F;       /* Темный синий */
    --logo-navy: #1B365D;       /* Темно-синий */
    --logo-deep: #0F2441;       /* Самый темный */
}

/* === ПРИНУДИТЕЛЬНАЯ ЗАМЕНА ВСЕХ СИНИХ ЦВЕТОВ === */

/* Основные элементы */
.btn-primary,
.bg-primary,
.text-primary,
.badge-primary {
    background: linear-gradient(135deg, var(--logo-primary) 0%, var(--logo-dark) 100%) !important;
    color: white !important;
    border-color: var(--logo-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(135deg, var(--logo-medium) 0%, var(--logo-navy) 100%) !important;
    border-color: var(--logo-medium) !important;
    color: white !important;
}

/* Ссылки */
a,
.nav-link,
.sidebar-link {
    color: var(--logo-primary) !important;
}

a:hover,
/*.nav-link:hover,*/
.sidebar-link:hover {
    color: var(--logo-dark) !important;
}

/* Активные состояния */
.sidebar-item.active > .sidebar-link {
    background: linear-gradient(135deg, var(--logo-primary) 0%, var(--logo-dark) 100%) !important;
    color: white !important;
}

/* Формы */
.form-control:focus {
    border-color: var(--logo-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(74, 144, 226, 0.25) !important;
}

/* Таблицы */
.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: rgba(74, 144, 226, 0.1) !important;
    border-color: var(--logo-primary) !important;
}

.table thead th {
    background: linear-gradient(135deg, var(--logo-primary) 0%, var(--logo-dark) 100%) !important;
    color: white !important;
}

/* Алерты */
.alert-primary {
    background-color: rgba(74, 144, 226, 0.1) !important;
    border-color: var(--logo-primary) !important;
    color: var(--logo-navy) !important;
}

/* Прогресс бары */
.progress-bar,
.progress-bar-striped {
    background: linear-gradient(135deg, var(--logo-primary) 0%, var(--logo-dark) 100%) !important;
}

/* Пагинация */
.page-item.active .page-link {
    background-color: var(--logo-primary) !important;
    border-color: var(--logo-primary) !important;
}

.page-link {
    color: var(--logo-primary) !important;
}

.page-link:hover {
    color: var(--logo-dark) !important;
    background-color: rgba(74, 144, 226, 0.1) !important;
    border-color: var(--logo-primary) !important;
}

/* Спинеры и загрузчики */
.spinner-border-primary {
    border-color: var(--logo-primary) !important;
    border-right-color: transparent !important;
}

/* Дропдауны */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--logo-primary) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(74, 144, 226, 0.1) !important;
    color: var(--logo-dark) !important;
}

/* Модальные окна */
.modal-header {
    border-bottom-color: var(--logo-primary) !important;
}

/* Карточки */
.card-header {
    background: linear-gradient(135deg, rgba(74, 144, 226, 0.05) 0%, rgba(47, 95, 143, 0.05) 100%) !important;
    border-bottom-color: var(--logo-primary) !important;
}

/* Навигация */
.navbar-brand {
    color: var(--logo-primary) !important;
}

.navbar-nav .nav-link {
    color: var(--logo-navy) !important;
}

/*.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: var(--logo-primary) !important;
}*/

/* Сайдбар */
.sidebar-header {
    background: linear-gradient(135deg, var(--logo-primary) 0%, var(--logo-dark) 100%) !important;
}

.sidebar-wrapper {
    border-right-color: var(--logo-primary) !important;
}

/* Кнопки групп */
.btn-group > .btn-primary:not(:last-child):not(.dropdown-toggle) {
    border-right-color: var(--logo-medium) !important;
}

/* Списки */
.list-group-item.active {
    background-color: var(--logo-primary) !important;
    border-color: var(--logo-primary) !important;
}

/* Переключатели */
.form-check-input:checked {
    background-color: var(--logo-primary) !important;
    border-color: var(--logo-primary) !important;
}

.form-switch .form-check-input:checked {
    background-color: var(--logo-primary) !important;
}

/* Ползунки */
.form-range::-webkit-slider-thumb {
    background-color: var(--logo-primary) !important;
}

.form-range::-moz-range-thumb {
    background-color: var(--logo-primary) !important;
}

/* Карусели */
.carousel-indicators [data-bs-target] {
    background-color: var(--logo-primary) !important;
}

/* Тосты */
.toast-header {
    background-color: rgba(74, 144, 226, 0.1) !important;
    border-bottom-color: var(--logo-primary) !important;
}

/* Подсказки */
.tooltip .tooltip-inner {
    background-color: var(--logo-navy) !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--logo-navy) !important;
}

/* Поповеры */
.popover-header {
    background-color: rgba(74, 144, 226, 0.1) !important;
    border-bottom-color: var(--logo-primary) !important;
}

/* Аккордеоны */
.accordion-button:not(.collapsed) {
    background-color: rgba(74, 144, 226, 0.1) !important;
    color: var(--logo-navy) !important;
}

/* Хлебные крошки */
.breadcrumb-item.active {
    color: var(--logo-primary) !important;
}

/* Специальные классы для продуктов */
.product-price {
    background: linear-gradient(135deg, var(--logo-primary) 0%, var(--logo-dark) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.product-card:hover {
    border-color: var(--logo-primary) !important;
    box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3) !important;
}

/* Категории */
.category-card::before {
    background: linear-gradient(135deg, rgba(74, 144, 226, 0.85) 0%, rgba(27, 54, 93, 0.95) 100%) !important;
}

/* Статистика */
.stats-icon.blue {
    background-color: var(--logo-primary) !important;
}

.stat-number {
    background: linear-gradient(135deg, var(--logo-primary) 0%, var(--logo-dark) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Футер */
.footer {
    background: linear-gradient(135deg, var(--logo-deep) 0%, var(--logo-navy) 100%) !important;
}

.footer a:hover {
    color: var(--logo-primary) !important;
}

/* Скроллбар */
::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--logo-primary) 0%, var(--logo-dark) 100%) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--logo-dark) !important;
}

/* Выделение текста */
::selection {
    background-color: rgba(74, 144, 226, 0.3) !important;
    color: var(--logo-navy) !important;
}

::-moz-selection {
    background-color: rgba(74, 144, 226, 0.3) !important;
    color: var(--logo-navy) !important;
}

/* Фокус на интерактивных элементах */
button:focus,
.btn:focus,
a:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid var(--logo-primary) !important;
    outline-offset: 2px !important;
}

/* Анимации в цветах логотипа */
@keyframes pulse-logo {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(74, 144, 226, 0.7);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(74, 144, 226, 0);
    }
}

.pulse-logo {
    animation: pulse-logo 2s infinite;
}

/* Градиентный текст логотипа */
.gradient-logo-text {
    background: linear-gradient(135deg, var(--logo-primary) 0%, var(--logo-dark) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Кнопка призыва к действию */
.cta-button {
    background: linear-gradient(135deg, var(--logo-primary) 0%, var(--logo-medium) 50%, var(--logo-dark) 100%) !important;
    color: white !important;
    border: none !important;
    padding: 1rem 2rem !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3) !important;
}

.cta-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(74, 144, 226, 0.4) !important;
    background: linear-gradient(135deg, var(--logo-medium) 0%, var(--logo-navy) 100%) !important;
    color: white !important;
}