/* ======== КАРТОЧКА ======== */
.item-views.news2 .item-wrapper .item.bordered {
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #12b2e7 !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    transition: box-shadow 0.25s, transform 0.25s !important;
    overflow: hidden !important;
}

.item-views.news2 .item-wrapper .item.bordered:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.1) !important;
    transform: translateY(-3px) !important;
}

/* ======== СКРУГЛЕНИЕ ДЛЯ ОБЁРТКИ ИЗОБРАЖЕНИЯ ======== */
.item-views.news2 .item-wrapper .item.bordered .image {
    border-radius: 17px 17px 0 0 !important;
    overflow: hidden !important;
}

.item-views.news2 .item-wrapper .item.bordered .image span {
    border-radius: 17px 17px 0 0 !important;
}

/* ======== БЕЛЫЙ ФОН ТОЛЬКО НА ТЕКСТОВЫЙ БЛОК ======== */
.item-views.news2 .item-wrapper .item.bordered .inner-text {
    background: #fff !important;
    border-radius: 0 0 20px 20px !important;
}

/* ======== Цветной бордер ======== */
.item-views.news2 .item-wrapper:nth-child(2n) .item.bordered {
    border-left-color: #48bb78 !important;
}
.item-views.news2 .item-wrapper:nth-child(3n) .item.bordered {
    border-left-color: #f59e0b !important;
}
.item-views.news2 .item-wrapper:nth-child(4n) .item.bordered {
    border-left-color: #8b5cf6 !important;
}
.item-views.news2 .item-wrapper:nth-child(5n) .item.bordered {
    border-left-color: #ec4899 !important;
}

/* ======== КАТЕГОРИЯ ======== */
.item-views.news2 .item .section {
    display: inline-block !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #12b2e7 !important;
    background: #f0f9ff !important;
    padding: 5px 12px !important;
    border-radius: 50px !important;
    margin-bottom: 12px !important;
    width: auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* ======== ЗАГОЛОВОК ======== */
.item-views.news2 .item .title a {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    transition: color 0.2s !important;
}

.item-views.news2 .item .title a:hover {
    color: #12b2e7 !important;
}

/* ======== ВНУТРЕННИЙ ОТСТУП ======== */
.item-views.news2 .item .inner-text.with-section {
    padding: 20px 22px 22px !important;
}

/* ТЕСТ: принудительно показываем изображение */
.item-views.news2 .item .image span.bg-fon-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding-top: 66% !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* ======== ДОРАБОТКИ: СОВРЕМЕННЫЙ СТИЛЬ (БЕЗ ТЁМНОЙ ТЕМЫ) ======== */

/* Плавная загрузка карточек */
.item-views.news2 .item-wrapper {
    opacity: 0;
    animation: cardFadeIn 0.6s ease forwards;
}
.item-views.news2 .item-wrapper:nth-child(1) { animation-delay: 0.05s; }
.item-views.news2 .item-wrapper:nth-child(2) { animation-delay: 0.1s; }
.item-views.news2 .item-wrapper:nth-child(3) { animation-delay: 0.15s; }
.item-views.news2 .item-wrapper:nth-child(4) { animation-delay: 0.2s; }
.item-views.news2 .item-wrapper:nth-child(5) { animation-delay: 0.25s; }
.item-views.news2 .item-wrapper:nth-child(6) { animation-delay: 0.3s; }

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Изображение — зум при наведении */
.item-views.news2 .item.bordered .image span.bg-fon-img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.item-views.news2 .item.bordered:hover .image span.bg-fon-img {
    transform: scale(1.05) !important;
}

/* Категория — подкрашивается под цвет левого бордера */
.item-views.news2 .item-wrapper:nth-child(1n) .item.bordered .section {
    color: #12b2e7 !important;
    background: #f0f9ff !important;
}
.item-views.news2 .item-wrapper:nth-child(2n) .item.bordered .section {
    color: #48bb78 !important;
    background: #f0fdf4 !important;
}
.item-views.news2 .item-wrapper:nth-child(3n) .item.bordered .section {
    color: #f59e0b !important;
    background: #fffbeb !important;
}
.item-views.news2 .item-wrapper:nth-child(4n) .item.bordered .section {
    color: #8b5cf6 !important;
    background: #f5f3ff !important;
}
.item-views.news2 .item-wrapper:nth-child(5n) .item.bordered .section {
    color: #ec4899 !important;
    background: #fdf2f8 !important;
}

/* Заголовок — мягкое подчёркивание при наведении */
.item-views.news2 .item .title a {
    background: linear-gradient(to right, #12b2e7, #12b2e7) no-repeat left bottom !important;
    background-size: 0 2px !important;
    transition: background-size 0.3s ease, color 0.3s ease !important;
}
.item-views.news2 .item .title a:hover {
    background-size: 100% 2px !important;
    color: #0d8db5 !important;
}

/* Дата / период */
.item-views.news2 .item .period-block {
    font-size: 0.75rem !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
}

/* Неоновый ореол при наведении */
.item-views.news2 .item-wrapper:nth-child(1n) .item.bordered:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.1), 0 0 0 1px rgba(18, 178, 231, 0.2) !important;
}
.item-views.news2 .item-wrapper:nth-child(2n) .item.bordered:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.1), 0 0 0 1px rgba(72, 187, 120, 0.2) !important;
}
.item-views.news2 .item-wrapper:nth-child(3n) .item.bordered:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.1), 0 0 0 1px rgba(245, 158, 11, 0.2) !important;
}
.item-views.news2 .item-wrapper:nth-child(4n) .item.bordered:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.1), 0 0 0 1px rgba(139, 92, 246, 0.2) !important;
}
.item-views.news2 .item-wrapper:nth-child(5n) .item.bordered:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.1), 0 0 0 1px rgba(236, 72, 153, 0.2) !important;
}

@media (min-width: 601px) {
    .item-views.news2 .row .item-wrapper {
        padding-bottom: 28px !important;
    }
}