/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2025 | 19:53:36 */
/* === Карточка фиксированной высоты и правильная раскладка === */
.ra-news-home-right .wpr-grid-item-inner{
  height: 251px !important;
  padding: 16px !important;
  box-sizing: border-box;
  box-shadow: none !important;
}

/* Один контейнер управляет всей вертикалью внутри карточки */
.ra-news-home-right .wpr-grid-item-below-content{
  display: grid !important;
  grid-template-columns: 1fr auto;      /* слева текст, справа дата */
  grid-template-rows: auto 1fr auto;    /* заголовок | пустое пространство | нижний ряд */
  height: 100%;
  overflow: visible !important;
}

/* Заголовок — всегда сверху, на всю ширину */
.ra-news-home-right .wpr-grid-item-below-content > .wpr-grid-item-title{
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  margin: 0 0 10px 0 !important;
}

/* «Подробнее» — внизу слева */
.ra-news-home-right .wpr-grid-item-below-content > .wpr-grid-item-read-more{
  grid-column: 1 !important;
  grid-row: 3 !important;
  justify-self: start;
}

/* Дата — внизу справа */
.ra-news-home-right .wpr-grid-item-below-content > .wpr-grid-item-date{
  grid-column: 2 !important;
  grid-row: 3 !important;
  justify-self: end;
  color: #788696;
  font-size: 14px;
  white-space: nowrap;
}

/* --- Анти-обрезание стрелки при анимации --- */
.ra-news-home-right .wpr-grid-item,
.ra-news-home-right .wpr-grid-item-inner,
.ra-news-home-right .wpr-grid-item-below-content,
.ra-news-home-right .wpr-grid-item-read-more,
.ra-news-home-right .wpr-grid-item-read-more .inner-block,
.ra-news-home-right .wpr-grid-item-read-more a{
  overflow: visible !important;
}

/* Ссылка «Подробнее» со стрелкой и зазором справа */
.ra-news-home-right .wpr-grid-item-read-more a{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-right: 6px;                 /* небольшой запас для движения стрелки */
  color: #788696;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s ease;
}
.ra-news-home-right .wpr-grid-item-read-more a::after{
  content: "→";
  display: inline-block;
  transition: transform .3s ease;
}
.ra-news-home-right .wpr-grid-item-read-more a:hover{
  color: #2C9347;
}
.ra-news-home-right .wpr-grid-item-read-more a:hover::after{
  transform: translateX(4px);
}

/* На всякий: медиа-часть скрыта (как ты хотела) */
.ra-news-home-right .wpr-grid-media-wrap,
.ra-news-home-right .wpr-grid-image-wrap,
.ra-news-home-right .wpr-grid-media-hover,
.ra-news-home-right .wpr-grid-media-hover-bg{
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* === ВЕСЬ ВИДЖЕТ фиксированной высоты === */
.ra-news-home-right {
  height: 524px !important;         /* задаём общую высоту */
  display: flex !important;         /* чтобы контент не схлопывался */
  flex-direction: column;
}

/* Сетка внутри тоже ограничиваем */
.ra-news-home-right .wpr-grid {
  height: 100% !important;
  display: grid !important;
  grid-template-rows: repeat(auto-fill, 251px);  /* карточки по 251px */
  gap: 20px !important;                          /* как было у тебя */
  overflow: hidden;                              /* обрезаем, если что вылезет */
}

/* Каждая карточка фиксированной высоты */
.ra-news-home-right .wpr-grid-item,
.ra-news-home-right .wpr-grid-item-inner {
  height: 251px !important;
  box-sizing: border-box;
}

/* Дата с фоном и закругленными краями */
.ra-news-home-right .wpr-grid-item-date {
  background-color: #204C7E;   /* твой фон */
  padding: 2px 8px;           /* внутренний отступ */
  border-radius: 6px;          /* скругление углов */
  display: inline-flex;        /* чтобы фон обнимал текст */
  align-items: center;
  color: #788696;
  font-size: 14px;
  line-height: 1.2;
}

/* === КОЛОНОЧНОСТЬ: десктоп/планшет — 2, мобилка — 1 === */
.ra-news-home-right .wpr-grid{
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);  /* 2 колонки */
  gap: 20px !important;                   /* отступы между карточками */
}

@media (max-width: 767px){
  .ra-news-home-right .wpr-grid{
    grid-template-columns: 1fr !important; /* мобилка — 1 колонка */
  }
}