/*
 * КПІ ім. Ігоря Сікорського — шапка: герб + назва (дочірня тема kpiBrandTheme 1.1)
 * Розмітку дає templates/frontend/components/header.tpl теми:
 *   <a class="kpi_brand"><img …><span class="kpi_brand_title">Назва</span></a>
 * Підключається після стилів стандартної теми й kpi-*.css.
 */

.pkp_site_name > a.kpi_brand {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0;
	color: #fff;
	text-decoration: none;
}
.pkp_site_name > a.kpi_brand:hover,
.pkp_site_name > a.kpi_brand:focus {
	color: #fff;
}
.pkp_site_name > a.kpi_brand:focus-visible {
	outline: 2px solid var(--kpi-orange, #f07d00);
	outline-offset: 3px;
	border-radius: 2px;
}

.pkp_site_name .kpi_brand img {
	display: block;
	flex: none;
	width: auto;
	height: 3rem;
	max-width: none;
	max-height: none;
}

.pkp_site_name .kpi_brand_title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-width: 0;
	font-family: "Exo 2", "Noto Sans", "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 0.93rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.01em;
	white-space: normal;
	color: #fff;
}

/* Телефон і планшет: рядок шапки 56 px (замість 40), герб 42 px, назва до двох рядків.
   1rem = 14px (кореневий розмір шрифту стандартної теми). */
@media (max-width: 991.98px) {
	.pkp_site_name_wrapper {
		height: 4rem;
	}
	.pkp_site_nav_toggle {
		height: 4rem;
	}
	.pkp_site_name {
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		padding-right: 0.714rem;
	}
}

/* Комп'ютер: герб 105 px (стандартна тема обмежувала 80 px), назва до трьох рядків */
@media (min-width: 992px) {
	.pkp_site_name > a.kpi_brand {
		gap: 1.4rem;
		padding: 0.6rem 0;
	}
	.pkp_site_name .kpi_brand img {
		height: 7.5rem;
	}
	.pkp_site_name .kpi_brand_title {
		-webkit-line-clamp: 3;
		max-width: 26em;
		font-size: 1.85rem;
		line-height: 1.15;
	}
}