/* ==========================================================================
   1. ГЛАВНАЯ СТРАНИЦА (Модуль "Из последних материалов...")
   ========================================================================== */

/* Принудительная сетка главной страницы в 2 колонки */
ul.mod-articlesnews-horizontal {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
    padding-left: 0 !important;
    list-style: none !important;
}

/* Принудительно выстраиваем карточку на главной в линию: картинка слева, текст справа */
ul.mod-articlesnews-horizontal > li {
    display: flex !important;
    flex-direction: row !important; 
    align-items: flex-start !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Жестко фиксируем контейнер картинки на главной слева */
ul.mod-articlesnews-horizontal figure.newsflash-image,
ul.mod-articlesnews-horizontal .newsflash-image {
    margin: 0 20px 0 0 !important; /* Отступ справа до текста */
    flex-shrink: 0 !important;     /* Запрещаем сжиматься */
    width: 180px !important;       /* Фиксированная ширина */
    display: block !important;
}

/* Сама картинка на главной */
ul.mod-articlesnews-horizontal figure.newsflash-image img,
ul.mod-articlesnews-horizontal img {
    width: 100% !important;
    height: 140px !important;      /* Фиксированная высота */
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

/* Заставляем текстовый блок на главной занять всё оставшееся место справа */
ul.mod-articlesnews-horizontal h4,
ul.mod-articlesnews-horizontal p,
ul.mod-articlesnews-horizontal li > div {
    min-width: 0 !important;
}

/* Заголовок-ссылка на главной в тёмно-зелёный */
ul.mod-articlesnews-horizontal h4.newsflash-title a,
ul.mod-articlesnews-horizontal h4.newsflash-title {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    font-size: 1.1rem !important;
    color: #1e5934 !important;
    text-decoration: none !important;
}
ul.mod-articlesnews-horizontal h4.newsflash-title a:hover {
    color: #2b7d4a !important;
}

/* Ограничение текста до 6 строк на главной с многоточием */
ul.mod-articlesnews-horizontal p {
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-bottom: 0 !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
}


/* ==========================================================================
   2. БЛОГ КАТЕГОРИЙ (Внутренние разделы сайта)
   ========================================================================== */

/* Глобальная сетка блога в 2 колонки */
.com-content-category-blog__items.blog-items {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
    align-items: stretch !important;
}

/* Карточка статьи в блоке категорий */
.com-content-category-blog__items .blog-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    margin-bottom: 40px !important;
    position: relative !important;
}

/* Перекраска заголовков блогов в тёмно-зелёный */
.com-content-category-blog__items h2 a,
.blog-item h2 a {
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
    color: #1e5934 !important;
    text-decoration: none !important;
}
.com-content-category-blog__items h2 a:hover,
.blog-item h2 a:hover {
    color: #2b7d4a !important;
}

/* Картинка в блоге категорий: абсолютное смещение вправо от текста */
.com-content-category-blog__items .blog-item figure {
    display: block !important;
    position: absolute !important;
    top: 45px !important; 
    right: 0 !important;
    width: 130px !important;
    margin: 0 !important;
    z-index: 10 !important;
}
.com-content-category-blog__items .blog-item figure img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 4px !important;
}

/* Текст в блоге категорий с отступом справа под картинку */
.com-content-category-blog__items .blog-item p,
.com-content-category-blog__items .blog-item .com-content-category-blog__item-introtext {
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
    margin: 0 0 15px 0 !important;
    padding-right: 150px !important; 
}


/* ==========================================================================
   3. ПОЛНАЯ СТРАНИЦА МАТЕРИАЛА И МЕНЮ
   ========================================================================== */

/* Отступы картинок в самих статьях */
.com-content-article figure.left.item-image,
figure.left.item-image {
    display: block !important;
    float: left !important;
    margin: 5px 25px 15px 0 !important;
}

/* Цвет бокового меню */
.mod-menu a {
    color: #1e5934 !important;
}

/* ==========================================================================
   4. СМЕНА ГЛОБАЛЬНЫХ ЦВЕТОВ (Перекраска в тёмно-зелёный)
   ========================================================================== */

/* Переопределяем цвета ссылок и заголовков во всем шаблоне */
:root {
    --link-color: #1e5934 !important; /* Глубокий тёмно-зелёный цвет */
    --link-color-hover: #2b7d4a !important; /* Чуть более светлый зелёный при наведении */
}

/* Принудительно перекрашиваем ссылки в заголовках блога и модулей */
h2 a, h4 a, .page-header a, .newsflash-title a {
    color: #1e5934 !important;
    text-decoration: none !important;
}

/* Цвет заголовков при наведении мышки */
h2 a:hover, h4 a:hover, .page-header a:hover, .newsflash-title a:hover {
    color: #2b7d4a !important;
}

/* Если в боковом меню "Разделы сайта" ссылки тоже нужно сделать зелёными */
.mod-menu a, .vertical img + a {
    color: #1e5934 !important;
}
/* Ограничиваем длинные заголовки в блоге категорий строго одной строкой */
.com-content-category-blog__items h2,
.blog-item h2,
.com-content-category-blog__items h2 a,
.blog-item h2 a {
    display: block !important;
    white-space: nowrap !important;     /* Запрещаем перенос заголовка на вторую строку */
    overflow: hidden !important;        /* Прячем всё, что не поместилось в строку */
    text-overflow: ellipsis !important; /* Автоматически добавляем троеточие в конце (...) */
    max-width: 100% !important;
}
/* Увеличиваем воздушный отступ справа у текста, чтобы он не лип к картинке в блоге */
.com-content-category-blog__items .blog-item p,
.blog-item .com-content-category-blog__item-introtext,
.blog-item p:not(.readmore) {
    padding-right: 165px !important; /* Было 150px, добавили еще 15px для красивого зазора */
}