/**
 * Tournament Expert — значок глаза и счётчик просмотров.
 * Единый вид для всех страниц/языков: блок сразу под H1, слева.
 * Карточки новостей используют .texpt-views внутри строки метаданных как раньше.
 */

.texpt-views {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #888;
	font-size: 14px;
	line-height: 1.4;
}

.texpt-views svg {
	flex-shrink: 0;
}

/* Значок под заголовком: единый зазор задаёт flex-gap родителя. */
.texpt-views-block {
	display: block;
	width: 100%;
	margin-top: 0;
	text-align: left;
}

/* Обёртка «заголовок + значок»: колонка слева, единый вертикальный зазор. */
.texpt-title-views {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	max-width: 100%;
}

/* Гасим «родные» margin-bottom H1/H2 и выравниваем leading: зазор от букв
   до значка одинаковый при любом размере шрифта.
   !important нужен, т.к. у Webflow-классов (.h3.t-a-l, .h1.faq и т.п.)
   специфичность выше нашего селектора. */
.texpt-title-views > h1,
.texpt-title-views > h2 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	line-height: calc(1em + 4px) !important;
}

/* FAQ: заголовок+значок — отдельный столбец, подзаголовок остаётся рядом. */
.faq-title-wrapper .texpt-title-views {
	flex: 0 0 auto;
}