/*
 theme css

Зеленый #03b362 на синий #185180
Желтый #ffc600 на желтый #F9B231
niebieski #185180 i żółty - #F9B231 
светлый голубовато-синий оттенок, - #5094C5
Светло-серый ВЕРХ и НИЗ #E3E3E3; Дымчатый синий - #62788D 
ШРИФТ #363636;
*/


/* автоматически добавляем отступ при прокрутке ко всем элементам с id */
[id] {
  scroll-margin-top: 90px; /* высота фиксированной шапки */
}


/* ===== News Feed — FINAL CSS ===== */
.news-feed{
  --nf-bg:#fff;
  --nf-text:#182433;
  --nf-muted:#5c6a7d;
  --nf-line:#e8edf3;
  --nf-primary:#185180;      /* синий */
  --nf-primary-2:#103456;
  --nf-gold:#F9B231;         /* золотой */
  --nf-radius:16px;
  --nf-shadow:0 8px 24px rgba(0,0,0,.08);

  color:var(--nf-text);
  max-width:1160px;
  margin:0 auto;
  padding:0 15px;
}

.news-feed *, .news-feed *::before, .news-feed *::after{ box-sizing:border-box; }

/* Заголовок секции */
.news-feed .nf-header{ text-align:center; margin-bottom:24px; }
.news-feed .nf-header h2{ margin:0 0 6px; font-size:clamp(22px,3vw,30px); font-weight:800; }
.news-feed .nf-header p{ margin:0; color:var(--nf-muted); }

/* Grid */
.news-feed .nf-grid{
  display:grid !important;
  gap:32px !important;
  grid-template-columns:repeat(12, minmax(0, 1fr)) !important;
}
.news-feed .nf-card{ grid-column:span 12; }
@media (min-width:768px){ .news-feed .nf-card{ grid-column:span 6; } }
@media (min-width:992px){ .news-feed .nf-card{ grid-column:span 4; } }

/* Card */
.news-feed .nf-card{
  background:var(--nf-bg);
  border:1px solid var(--nf-line);
  border-radius:var(--nf-radius);
  overflow:hidden;
  box-shadow:var(--nf-shadow);
  display:flex; flex-direction:column;
  transition: box-shadow .2s ease, border-color .2s ease;
}
.news-feed .nf-card:hover{ box-shadow:0 12px 28px rgba(0,0,0,.14); border-color:#d8e2ee; }

/* Media (фото — без зума и смещений) */
.news-feed .nf-media{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/10; /* одинаковые окна */
}
.news-feed .nf-media img{
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  display:block;
  transform:none !important; /* глушим старые эффекты темы */
}

/* Body */
.news-feed .nf-body{ display:flex; flex-direction:column; gap:10px; padding:16px; }

/* Meta */
.news-feed .nf-meta{ display:flex; gap:14px; align-items:center; color:var(--nf-muted); font-size:.92rem; }
.news-feed .nf-meta i{ margin-right:6px; }

/* Title (кламп + hover на тексте) */
.news-feed .nf-title{ margin:0; font-size:1.1rem; line-height:1.35; font-weight:800; }
.news-feed .nf-title a{
  color:inherit; text-decoration:none;
  display:inline-block;                 /* нужно для transform */
  transition: transform .18s ease, color .18s ease;
  transform-origin:left center;
}
.news-feed .nf-title,
.news-feed .nf-title a{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; text-overflow:ellipsis;
}
.news-feed .nf-title a:hover{
  transform: scale(1.03);
  color: var(--nf-primary) !important;  /* синий на ховере */
}

/* Excerpt (кламп) */
.news-feed .nf-excerpt{
  margin:0; color:#213246; line-height:1.55;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;
  overflow:hidden; text-overflow:ellipsis;
  min-height:6.2em; /* выравнивает высоту карточек */
}

/* Button — золотой фон и синий текст при ховере */
.news-feed .nf-btn{
  margin-top:auto;
  display:inline-flex; align-items:center; justify-content:center;
  padding:11px 16px; border-radius:10px;
  background:var(--nf-primary); color:#fff; text-decoration:none; font-weight:700;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.15);
  transition: background .15s ease, color .15s ease, transform .05s ease;
}
.news-feed .nf-btn:hover{
  background: var(--nf-gold) !important; /* золотой */
  color: var(--nf-primary) !important;    /* синий текст */
}
.news-feed .nf-btn:active{ transform: translateY(1px); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .news-feed *{ transition:none !important; }
}

/* Глушим ховеры старой темы на старых классах (если они присутствуют на странице) */
.blog_part_inner:hover .blog-img,
.blog_part_inner:hover .blog-img img,
.blog_part_inner:hover .blog-img a::before{
  transform:none !important;
}