/**
 * EliteGas Core — логотип в шапке (модуль header_logo, разметка — elitegas_header_logo_html()).
 * .egl — ссылка-логотип; .egl-img — эмблема; .egl-name — название и подпись рядом.
 * Ужатая закреплённая шапка (sticky_header, класс egh-compact на <html>) — меньше эмблема, без подписи.
 */

#masthead #logo .egl {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 0; /* 64 + 6 + 6 = 76 — высота шапки как с прежней эмблемой, меню на своём месте */
	color: #fff;
	text-decoration: none;
}
#masthead #logo .egl:hover,
#masthead #logo .egl:focus { color: #fff; text-decoration: none; }
#masthead #logo .egl-img {
	display: block;
	flex: 0 0 auto;
	width: 64px;
	height: 64px;
	max-height: none;
}

.egl-name { display: flex; flex-direction: column; line-height: 1.1; white-space: nowrap; }
.egl-t {
	font-family: 'Roboto Slab', 'Open Sans', serif;
	font-size: 30px; /* заглавные ≈ треть эмблемы 64 px */
	font-weight: 700;
	letter-spacing: .01em;
}
.egl-s {
	margin-top: 3px;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .03em;
	text-transform: uppercase;
	opacity: .88;
}

/* Планшет и небольшой ноутбук (768–1199 px): меню занимает почти всю ширину — только эмблема */
@media (min-width: 768px) and (max-width: 1199px) {
	.egl-name { display: none; }
}

/* Компьютер с названием: пункты меню плотнее (отступы 15 → 10 px), чтобы меню встало в строку с названием */
@media (min-width: 1200px) {
	.egl-name-on #masthead .navbar-nav > li > a { padding-left: 10px; padding-right: 10px; }
}

/* Страховка (header-logo.js): меню всё же переносится — убрать подпись, затем и название */
.egl-fit1 .egl-s,
.egl-fit2 .egl-name { display: none; }

/* Ужатая закреплённая шапка (компьютер) */
@media (min-width: 768px) {
	#masthead #logo .egl-img { transition: width .2s ease-out, height .2s ease-out; }
	#masthead #logo .egl { transition: padding .2s ease-out; }
	.egh-compact #masthead #logo .egl { padding: 0; }
	.egh-compact #masthead #logo .egl-img { width: 44px; height: 44px; }
	.egh-compact #masthead .egl-s { display: none; }
	.egh-compact #masthead .egl-t { font-size: 24px; }
}

/* Телефон: эмблема 44 px, только название */
@media (max-width: 767px) {
	#masthead #logo .egl { padding: 3px 0; gap: 8px; }
	#masthead #logo .egl-img,
	#masthead #logo img.egl-img { width: 44px; height: 44px; }
	.egl-s { display: none; }
	.egl-t { font-size: 22px; }
}

@media (prefers-reduced-motion: reduce) {
	#masthead #logo .egl-img,
	#masthead #logo .egl { transition: none; }
}