/* ============================================
   ФАЙЛ: news_sidebar_custom.css
   ОПИСАНИЕ: Пользовательские стили для виджета новостей в боковой панели
   ============================================ */

/* Градиентный фон для заголовка (primary) */
.bg-gradient-primary {
    /* Линейный градиент от светло-синего к темно-фиолетовому */
    background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);
}

/* Эффект наложения градиента (оверлей) */
.bg-gradient-overlay {
    /* Прозрачный градиент слева направо для затемнения текста на фоне картинки */
    background: linear-gradient(to right, rgba(0,0,0,0.1), transparent);
}

/* Класс для плавной трансформации масштаба */
.transition-scale {
    /* Плавное изменение свойства transform за 0.3 секунды */
    transition: transform 0.3s ease;
}

/* Класс для плавной смены цвета текста */
.transition-color {
    /* Плавное изменение цвета за 0.2 секунды */
    transition: color 0.2s ease;
}

/* Эффект "поднятия" элемента при наведении */
.hover-lift {
    /* Плавный переход для всех изменяемых свойств */
    transition: all 0.3s ease;
}

/* Состояние наведения для эффекта поднятия */
.hover-lift:hover {
    /* Сдвиг элемента вверх на 2 пикселя */
    transform: translateY(-2px);
    /* Добавление мягкой тени для создания объема */
    box-shadow: 0 6px 12px rgba(67, 97, 238, 0.2);
}

/* Увеличение картинки при наведении на родительский элемент */
.news-sidebar-item:hover .transition-scale {
    /* Увеличение масштаба изображения на 5% */
    transform: scale(1.05);
}

/* Изменение цвета текста на основной при наведении */
.hover-text-primary:hover {
    /* Принудительная установка основного цвета (синий) */
    color: #4361ee !important;
}

/* Уменьшенный размер шрифта для дополнительных надписей */
.fs-xs {
    /* Размер шрифта 0.75rem (обычно 12px) */
    font-size: 0.75rem;
}

/* Заполнение контейнера изображением с сохранением пропорций */
.object-fit-cover {
    /* Изображение обрезается, чтобы заполнить контейнер */
    object-fit: cover;
}