/* =========================================================
   1. РАСТЯЖКА ПРЕВЬЮ КАРТИНОК В СПИСКАХ БЛОГА
   ========================================================= */

/* Убеждаемся, что обертка картинки занимает всю ширину колонки */
.blog .item .image {
    width: 100% !important;
    display: block !important;
}

/* Растягиваем саму картинку строго по ширине текста */
.blog .item .image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 425 / 240 !important; /* Сохраняем идеальные пропорции твоих превью */
    object-fit: cover !important; /* Защита от сплющивания при сильном растяжении */
    display: block !important;
}


/* =========================================================
   2. УЛЬТИМАТИВНЫЙ ФИКС КНОПКИ "ПОКАЗАТЬ ЕЩЕ"
   ========================================================= */

/* 1. Заставляем главный контейнер блога "обнимать" весь контент и не схлопываться */
.blog.blog-archive {
    display: block !important;
    overflow: hidden !important; /* Очищаем плавающие элементы (floats) */
    height: auto !important;
    min-height: 100% !important;
    padding-bottom: 30px !important;
}

/* 2. Защита для самого ряда */
.blog.blog-archive .row {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* 3. Центрируем контейнер с кнопкой и отталкиваем футер */
body.term--blog .pager.pager--load-more,
body.path-taxonomy .pager.pager--load-more {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin: 40px auto 70px auto !important;
    padding: 0 !important;
    text-align: center !important; /* Надежное центрирование */
    z-index: 10 !important;
}

/* 4. Сброс списков внутри пейджера */
body.term--blog .pager.pager--load-more ul,
body.path-taxonomy .pager.pager--load-more ul {
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

body.term--blog .pager.pager--load-more li,
body.path-taxonomy .pager.pager--load-more li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 5. Убиваем любые абсолютные позиционирования самой кнопки */
body.term--blog .pager.pager--load-more a.button-more,
body.path-taxonomy .pager.pager--load-more a.button-more {
    position: relative !important; 
    display: inline-block !important;
    bottom: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important; /* Убираем смещения темы */
    margin: 0 auto !important;
}