/* Объединенные дополнительные стили для оптимизации производительности */
/* Удалены @import больших сторонних стилей. Эти файлы подключаются отдельно и неблокирующе из functions.php */


/* Критические стили для производительности */
.preload {
    display: none;
}

/* Оптимизация изображений */
img {
    height: auto;
    max-width: 100%;
}

/* Lazy loading для изображений */
img[data-src] {
    opacity: 0;
    transition: opacity 0.3s;
}

img[data-src].loaded {
    opacity: 1;
}

/* Критические стили для виджетов */
.widget {
    margin-bottom: 1.5rem;
}

.widget-title {
    margin-bottom: 1rem;
    font-weight: 600;
}

/* Оптимизация для мобильных устройств */
@media (max-width: 768px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .sidebar {
        margin-top: 2rem;
    }
}

/* ============================= */
/* Forecasts grid + dark section */
/* ============================= */
.section-home-forecasts.forecasts-dark { /* временно не используем, вернули как на главной */ }
.section-home-forecasts .list-forecasts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.section-home-forecasts .list-forecasts.list-forecasts--compact { gap: 8px; }
.section-home-forecasts .list-forecasts-item {
    flex: 0 0 100%;
}
@media (min-width: 768px) {
    .section-home-forecasts .list-forecasts-item {
        -webkit-flex: 0 0 calc((100% - 16px) / 2);
        -ms-flex: 0 0 calc((100% - 16px) / 2);
        flex: 0 0 calc((100% - 16px) / 2);
        -webkit-flex-basis: calc((100% - 16px) / 2);
        -ms-flex-preferred-size: calc((100% - 16px) / 2);
        flex-basis: calc((100% - 16px) / 2);
        box-sizing: border-box;
    }
    .section-home-forecasts .list-forecasts.list-forecasts--compact .list-forecasts-item {
        -webkit-flex: 0 0 calc((100% - 8px) / 2);
        -ms-flex: 0 0 calc((100% - 8px) / 2);
        flex: 0 0 calc((100% - 8px) / 2);
        -webkit-flex-basis: calc((100% - 8px) / 2);
        -ms-flex-preferred-size: calc((100% - 8px) / 2);
        flex-basis: calc((100% - 8px) / 2);
        box-sizing: border-box;
    }
}
@media (min-width: 1200px) {
    .section-home-forecasts .list-forecasts-item {
        -webkit-flex: 0 0 calc((100% - 32px) / 3);
        -ms-flex: 0 0 calc((100% - 32px) / 3);
        flex: 0 0 calc((100% - 32px) / 3);
        -webkit-flex-basis: calc((100% - 32px) / 3);
        -ms-flex-preferred-size: calc((100% - 32px) / 3);
        flex-basis: calc((100% - 32px) / 3);
        box-sizing: border-box;
    }
    .section-home-forecasts .list-forecasts.list-forecasts--compact .list-forecasts-item {
        -webkit-flex: 0 0 calc((100% - 16px) / 3);
        -ms-flex: 0 0 calc((100% - 16px) / 3);
        flex: 0 0 calc((100% - 16px) / 3);
        -webkit-flex-basis: calc((100% - 16px) / 3);
        -ms-flex-preferred-size: calc((100% - 16px) / 3);
        flex-basis: calc((100% - 16px) / 3);
        box-sizing: border-box;
    }
}
.section-home-forecasts .list-forecasts--compact .list-forecasts-item { padding: 10px; }
.section-home-forecasts .list-forecasts--compact .list-forecasts-item-team-name b { font-size: 13px; }
.section-home-forecasts .list-forecasts--compact .list-forecasts-item-team-name span { font-size: 11px; }
.section-home-forecasts .list-forecasts--compact .list-forecasts-item-team-coefficient { -webkit-flex-basis: 52px; -ms-flex-preferred-size: 52px; }
.section-home-forecasts .list-forecasts--compact .list-forecasts-item-team-coefficient b { font-size: 13px; }
.section-home-forecasts .list-forecasts--compact .list-forecasts-item-team-coefficient span { font-size: 10px; }
.section-home-forecasts .list-forecasts--compact .list-forecasts-item-team-logo { -webkit-flex-basis: 28px; -ms-flex-preferred-size: 28px; }
.section-home-forecasts .list-forecasts--compact .list-forecasts-item-team-logo img { width: 28px; height: 28px; }
.section-home-forecasts .list-forecasts--compact .list-forecasts-item-date { font-size: 12px; }
.section-home-forecasts .list-forecasts--compact .list-forecasts-item-title { font-size: 14px; }
.section-home-forecasts .list-forecasts--compact .list-forecasts-item-btns .btn { font-size: 14px; padding: 6px 10px; }
.section-home-forecasts.forecasts-dark .list-forecasts-item-title,
.section-home-forecasts.forecasts-dark .list-forecasts-item-team-name b,
.section-home-forecasts.forecasts-dark .list-forecasts-item-team-name span,
.section-home-forecasts.forecasts-dark .list-forecasts-item-date { }

/* Темные карточки внутри темной секции */
.section-home-forecasts.forecasts-dark .list-forecasts-item { }
.section-home-forecasts.forecasts-dark .list-forecasts-item a { }
.section-home-forecasts.forecasts-dark .list-forecasts-item-team-coefficient span { }

/* Кнопка в темной секции */
.section-home-forecasts.forecasts-dark .btn.btn-outline-primary { }
.section-home-forecasts.forecasts-dark .btn.btn-outline-primary:hover { }