/* --- Вирівнювання колонок / картки на 100% висоти --- */
.row.align-items-stretch { align-items: stretch; }
.col-inner { display:flex; flex-direction:column; height:100%; width:100%; }
.card.fill-height { display:flex; flex-direction:column; height:100%; }
.card-body.flex-fill { display:flex; flex-direction:column; flex:1 1 auto; min-height:0; }
.iframe-wrapper { display:flex; flex:1 1 0; min-height:0; }
.iframe-wrapper iframe { width:100%; height:100%; border:0; display:block; }
iframe[src*="discord.com"], .widget-UDMAjA { border-radius:0 !important; }

/* --- Фіксована висота блоку "Новини" --- */
#news.news-fixed-height {
  height:500px;
  min-height:500px;
  max-height:500px;
  overflow: hidden; /* зовнішній контейнер не скролиться */
}

/* carousel-inner має заповнювати висоту, але не вмикати всі слайди одночасно */
#news.news-fixed-height .carousel-inner {
  height:100%;
  min-height:0;
  position: relative; /* стандартно теж relative */
}

/* НЕ встановлюємо display:flex на .carousel-item для уникнення показу всіх слайдів.
   Замість цього робимо флекс для активного слайду тільки. */
#news.news-fixed-height .carousel-item {
  height:100%;
  min-height:0;
  /* не змінюємо display для неактивних елементів */
}

/* Активний слайд має бути flex-контейнером, щоб внутрішні елементи тягнулися на 100% */
#news.news-fixed-height .carousel-item.active {
  display: flex;
  flex-direction: column;
  height:100%;
  min-height:0;
}

/* Карточка новини — 100% висоти (всередині активного слайду) */
#news.news-fixed-height .carousel-item.active > .news-card {
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
}

/* Внутрішній ряд / колонки — 100% висоти */
#news.news-fixed-height .news-card .row.h-100,
#news.news-fixed-height .news-card .col-7,
#news.news-fixed-height .news-card .col-sm-8,
#news.news-fixed-height .news-card .col-5,
#news.news-fixed-height .news-card .col-sm-4 {
  height:100%;
  min-height:0;
}

/* card-body — гнучкий контейнер (min-height:0 критично для overflow) */
#news.news-fixed-height .news-card .card-body {
  display:flex !important;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0 !important;
}

/* Ліва колонка з картинкою: нехай зображення займає 100% висоти колонки, не розширюючи її */
#news.news-fixed-height .news-card .col-5,
#news.news-fixed-height .news-card .col-sm-4 {
  padding:0;
  min-height:0;
}

/* Підстраховка для класу object-fit-cover */
.object-fit-cover { object-fit: cover !important; }

/* Гарантуємо, що зображення/svg займають повну висоту і обрізаються без розтягування */
#news.news-fixed-height .news-card .col-5 img.img-fluid.h-100,
#news.news-fixed-height .news-card .col-sm-4 img.img-fluid.h-100,
#news.news-fixed-height .news-card .col-5 svg.bd-placeholder-img,
#news.news-fixed-height .news-card .col-sm-4 svg.bd-placeholder-img {
  width:100%;
  height:100%;
  display:block;
  object-fit: cover;
}

/* Прокручуваний блок — займає доступний простір; !important щоб не переписали */
#news.news-fixed-height .news-card .excerpt-content {
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  padding-right:8px;
}

/* Забезпечуємо, щоб інші блоки не додавали непотрібного overflow */
#news.news-fixed-height .news-card .mt-auto,
#news.news-fixed-height .news-card .d-flex {
  min-height:0;
}

/* Стиль скролбару (тонкий, нейтральний) */
#news.news-fixed-height .news-card .excerpt-content::-webkit-scrollbar { width:10px; }
#news.news-fixed-height .news-card .excerpt-content::-webkit-scrollbar-track { background:transparent; }
#news.news-fixed-height .news-card .excerpt-content::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(0,0,0,0.22), rgba(0,0,0,0.14));
  border-radius:8px;
}
#news.news-fixed-height .news-card .excerpt-content { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.25) transparent; }

/* Типографіка всередині excerpt (щоб зберегти форматування) */
#news .excerpt-content p,
#news .excerpt-content h1,
#news .excerpt-content h2,
#news .excerpt-content h3,
#news .excerpt-content ul,
#news .excerpt-content ol {
  margin:0 0 0.75rem 0;
  line-height:1.45;
}
#news .excerpt-content img { max-width:100%; height:auto; display:block; margin:0.5rem 0; }

/* Мобільні правки */
@media (max-width:767.98px) {
  #news.news-fixed-height { height:460px; min-height:460px; max-height:460px; }
  .iframe-wrapper { min-height:300px; }
}
.bg-status {
	background: #373739;
}

.fixed-icon-size {
	width: 70px;
	height: 70px;
	object-fit: cover;
}