/**
 * HedgeTrade Header — брендинг-блок.
 * ------------------------------------------------------------------
 * Скоуп файла НАМЕРЕННО узкий: только .ht-brand (HTML-элемент
 * Header Builder). Меню, кнопка, высота и фон хедера настраиваются
 * кастомайзером Blocksy (значения — в docs/HEADER-SETUP.md) и
 * получают цвета через мост --theme-* из tokens.css.
 *
 * Не стилизовать здесь внутренние селекторы Blocksy (.ct-*):
 * они не входят в публичный API темы и меняются между версиями.
 *
 * Разметка (вставляется в HTML-элемент Builder'а, см. docs):
 *   a.ht-brand
 *     ├─ svg (знак 40×40)
 *     ├─ .ht-brand__name  «HedgeTrade»
 *     └─ .ht-brand__tagline (два коротких предложения; вертикальный
 *        разделитель — border-inline-start)
 *
 * @package HedgeTrade_Child
 * @since   1.4.0
 */

.ht-brand {
	display: inline-flex;
	align-items: center;
	gap: var(--ht-space-3);
	text-decoration: none;
}

.ht-brand svg {
	inline-size: var(--ht-icon-tile); /* 40px — как плитки иконок */
	block-size: var(--ht-icon-tile);
	flex-shrink: 0;
}

.ht-brand__name {
	color: var(--ht-color-heading);
	/* 1.13.0: font-family прибит явно. Внутри хедера Blocksy имя
	   наследовало системный стек родительской темы, а не Manrope —
	   на живом сайте логотип выглядел чужим и грубым (скрин
	   заказчика). Вес 800 → 700: в паре с плотным трекингом heavy
	   сливался в пятно; bold держит логотипность легче. */
	font-family: var(--ht-font-base);
	font-size: var(--ht-fs-h3);
	font-weight: var(--ht-fw-bold);
	letter-spacing: -0.015em;
	line-height: var(--ht-lh-none);
	white-space: nowrap;
}

/* Tagline. Mobile First: на узких экранах скрыт (места нет,
   смысловой нагрузки для мобильного пользователя не несёт),
   появляется вместе с десктопной раскладкой хедера. */
.ht-brand__tagline {
	display: none;
}

@media (min-width: 1000px) {

	.ht-brand__tagline {
		display: block;
		max-inline-size: 16em; /* принудительный перенос на две строки, как в макете */
		margin-inline-start: var(--ht-space-2);
		padding-inline-start: var(--ht-space-4);
		border-inline-start: 1px solid var(--ht-color-border);
		color: var(--ht-color-text);
		font-size: var(--ht-fs-caption);
		line-height: 1.35;
	}
}

/* ==================================================================
   Разделитель шапки и иконка кнопки (1.13.2)
   ================================================================== */

/* Разделитель под шапкой на страницах с белым фоном: одиночные
   записи, рубрики, страницы — везде, где шапка сливалась с фоном
   (скрин заказчика). На главной (body.home) не нужен: светло-голубой
   hero сам отбивает шапку, как в замороженном дизайне. #header —
   якорный id хедера Blocksy: стабилен между версиями в отличие
   от внутренних .ct-* классов. */
body:not(.home) #header {
	border-block-end: 1px solid var(--ht-color-border);
}

/* Иконка Telegram на кнопке хедера — как в превью. Единственное
   санкционированное исключение из правила «не стилизуем внутреннюю
   разметку Blocksy»: свободная версия даёт один HTML-элемент (занят
   бренд-блоком), а текстовое поле кнопки SVG не принимает. Селектор
   максимально узкий (#header + класс кнопки), деградация мягкая:
   если Blocksy переименует класс, исчезнет только иконка — кнопка
   и текст останутся. Иконка = assets/svg/telegram.svg (та же, что
   в CTA статей), через mask: красится в цвет текста кнопки. */
#header .ct-button {
	display: inline-flex;
	align-items: center;
	gap: var(--ht-btn-gap);
}

#header .ct-button::before {
	content: "";
	flex-shrink: 0;
	inline-size: 1.05em;
	block-size: 1.05em;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='1.3%201.05%2024%2024'%20fill='%23000'%3E%3Cpath%20d='M21.6%204.4%203.3%2011.5c-1%20.4-1%201.8.1%202.1l4.6%201.4%201.7%205.3c.3.9%201.4%201.1%202%20.4l2.5-2.6%204.7%203.4c.8.6%202%20.2%202.2-.8l2.8-14.6c.2-1.1-.9-2-1.9-1.6l-.4-.1ZM8.9%2014.5l9.4-6.9c.3-.2.6.2.4.5l-7.6%207.4-.3%203-1.9-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='1.3%201.05%2024%2024'%20fill='%23000'%3E%3Cpath%20d='M21.6%204.4%203.3%2011.5c-1%20.4-1%201.8.1%202.1l4.6%201.4%201.7%205.3c.3.9%201.4%201.1%202%20.4l2.5-2.6%204.7%203.4c.8.6%202%20.2%202.2-.8l2.8-14.6c.2-1.1-.9-2-1.9-1.6l-.4-.1ZM8.9%2014.5l9.4-6.9c.3-.2.6.2.4.5l-7.6%207.4-.3%203-1.9-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}