/*
 * talentrocks/header — стили шапки и меню.
 * Перенос legacy: style.scss (header, .nav, .topbar, .logo, .submenu_block, .button-switch-lang),
 * templates/header/header.scss, templates/header/menu.scss, adaptive-style.scss (topbar/logo).
 * Все селекторы ограничены .tr-header.
 */

.tr-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 30px;
	z-index: 10;
	font-family: var(--tr-font-body, 'Montserrat', sans-serif);
	--tr-header-link: #ffffff;
	--tr-header-link-hover-opacity: 0.7;
}

.tr-header.main_header {
	font-family: var(--tr-font-ui, 'Manrope', sans-serif);
	--tr-header-link: #2a333d;
}

.tr-header.transparent {
	background-color: transparent;
}

.tr-header.colored {
	background-color: #ffffff;
	border-bottom: 1px solid #eeeff0;
}

.tr-header.fixed {
	padding-top: 0;
	position: fixed;
	/* --wp-admin--admin-bar--height задаёт WordPress, когда показан админ-бар (залогиненный пользователь) */
	top: var(--wp-admin--admin-bar--height, 0px);
}

/* Липкий вариант: всегда в потоке, всегда белый */
.tr-header--sticky {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	padding-top: 0;
	background-color: #ffffff;
	border-bottom: 1px solid #eeeff0;
	--tr-header-link: #2a333d;
}

.tr-header--sticky.fixed {
	position: sticky;
}

/* Отступ под шапку для контента (атрибут contentOffset) */
.wp-block-template-part:has(> .tr-header--offset) + * {
	padding-top: var(--tr-header-offset, 100px);
}

/* ---------- Топбар ---------- */

.tr-header .topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	height: var(--tr-topbar-height, 70px);
	max-width: 1330px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.tr-header .topbar-menu {
	display: flex;
	align-items: center;
	flex-grow: 1;
	min-width: 0;
}

.tr-header .topbar-links {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tr-header .topbar-logo {
	flex-shrink: 0;
	margin-right: 0;
	display: block;
	line-height: 0;
}

.tr-header.main_header .topbar-logo {
	margin-right: 62px;
}

.tr-header .topbar-item {
	font-weight: 600;
	font-size: 16px;
	line-height: 27px;
	flex-shrink: 0;
	position: relative;
}

.tr-header .topbar-links > .topbar-item {
	margin-left: 40px;
}

.tr-header.main_header .topbar-links > .topbar-item {
	margin-left: 32px;
}

/* В legacy отступ у первого пункта обнулялся только в шапке main/black (templates/header/header.scss);
   в прозрачной шапке (header-inner.html) первый пункт отодвинут от логотипа, как и остальные. */
.main_header .topbar-links > .topbar-item:first-child {
	margin-left: 0;
}

.tr-header .topbar-item > a {
	text-decoration: none;
	color: var(--tr-header-link);
	opacity: 1;
	transition: linear 250ms;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}

.tr-header .topbar-item > a:hover {
	opacity: var(--tr-header-link-hover-opacity);
}

.tr-header .topbar-item > a.topbar_submenu {
	opacity: 0.7;
}

.tr-header .topbar-item .submenu_block__arrow {
	display: inline;
	margin: 0 0 2px 10px;
	transition: transform 0.25s ease;
}

.tr-header .tr-header__empty-menu {
	font-size: 13px;
	font-weight: 500;
	color: #b4b8c1;
}

/* На скролле (класс .fixed) — тёмные ссылки и чёрный логотип */
.tr-header.fixed .topbar-item > a,
.tr-header--sticky .topbar-item > a {
	color: var(--tr-header-text, #303030);
}

.tr-header.fixed .topbar-item > a:hover,
.tr-header--sticky .topbar-item > a:hover {
	opacity: 1;
	color: var(--tr-purple, #4700bb);
}

.tr-header.fixed .topbar-item > a:hover svg path,
.tr-header--sticky .topbar-item > a:hover svg path {
	fill: var(--tr-purple, #4700bb);
}

.tr-header.fixed .topbar-item > a svg path,
.tr-header--sticky .topbar-item > a svg path {
	fill: var(--tr-header-text, #303030);
}

/* Текущая страница — пункт верхнего уровня фиолетовый, как текущий пункт выпадающего списка.
   На прозрачной шапке inner (белые ссылки поверх фото) цвет не меняется. */
.tr-header:not(.tr-header--inner) .topbar-item > a.is-current,
.tr-header.fixed .topbar-item > a.is-current,
.tr-header--sticky .topbar-item > a.is-current {
	color: var(--tr-purple, #4700bb);
	opacity: 1;
}

/* ---------- Логотип ---------- */

.tr-header .logo {
	position: relative;
	display: block;
	width: 110px;
	aspect-ratio: 107 / 52;
	transition: linear 250ms;
	opacity: 1;
}

.tr-header .logo:hover {
	opacity: 0.7;
}

.tr-header .logo-image {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	opacity: 1;
	transition: linear 250ms;
	object-fit: contain;
}

.tr-header .logo-image--green {
	opacity: 0;
}

.tr-header.fixed .logo,
.tr-header--sticky .logo {
	width: 95px;
}

.tr-header.fixed .logo-image--green,
.tr-header--sticky .logo-image--green {
	opacity: 1;
}

.tr-header.fixed .logo-image--white,
.tr-header.fixed .logo-image--black,
.tr-header--sticky .logo-image--white,
.tr-header--sticky .logo-image--black {
	opacity: 0;
}

/* ---------- Кнопки в шапке ---------- */

/* Кнопки и переключатель языка стоят через одинаковые 16px на всех ширинах, как в светлой шапке лендинга. */
.tr-header .topbar-button {
	margin-left: auto;
	margin-right: 16px;
	flex-shrink: 0;
}

.tr-header .login_button {
	flex-shrink: 0;
	margin-right: 16px;
}

/* Обе кнопки в обеих шапках одного размера, различаются только цвета. */
.tr-header .button--quiz,
.tr-header .login_button {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	padding: 16px 32px;
	border-radius: 12px;
}

/* Цвета шапки по макету: светлая кнопка — серая, основная — фиолетовая; на тёмном фоне
   светлая кнопка полупрозрачная белая, основная — белая с фиолетовым текстом. */
.tr-header {
	--tr-header-text: #303030;
	--tr-header-button-light: #eeeff0;
	--tr-header-button-light-hover: #e3e5e7;
	--tr-header-button-glass: rgba(255, 255, 255, 0.2);
	--tr-header-button-glass-hover: rgba(255, 255, 255, 0.3);
}

/* Светлая кнопка («Узнать стоимость»): на светлой шапке и после прокрутки — серая */
.tr-header .button--quiz {
	background: var(--tr-header-button-light);
	color: var(--tr-header-text);
}

.tr-header .button--quiz:hover {
	background: var(--tr-header-button-light-hover);
	color: var(--tr-header-text);
}

/* Основная кнопка («Войти на платформу»): фиолетовая */
.tr-header .login_button,
.tr-header .login_button:hover {
	background: var(--tr-violet, #670dce);
	color: #ffffff;
}

.tr-header .login_button:hover {
	opacity: 0.9;
}

/* Тёмная шапка до прокрутки: светлая кнопка — полупрозрачная белая, основная — белая */
.tr-header--inner:not(.fixed):not(.tr-header--sticky) .button--quiz {
	background: var(--tr-header-button-glass);
	color: #ffffff;
}

.tr-header--inner:not(.fixed):not(.tr-header--sticky) .button--quiz:hover {
	background: var(--tr-header-button-glass-hover);
	color: #ffffff;
}

.tr-header--inner:not(.fixed):not(.tr-header--sticky) .login_button,
.tr-header--inner:not(.fixed):not(.tr-header--sticky) .login_button:hover {
	background: #ffffff;
	color: var(--tr-violet, #670dce);
}

/* ---------- Переключатель языка ---------- */

.tr-header .topbar-lang {
	position: relative;
	flex-shrink: 0;
}

/* Кнопка 76×54: флаг 24×16 и стрелка в квадрате 24×24 через 4px. Цвет — как у светлой кнопки
   рядом: серый на светлой шапке и после прокрутки, полупрозрачный белый на тёмной. */
.tr-header .button-switch-lang,
.tr-header .button-switch-lang.open {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	box-sizing: border-box;
	height: 54px;
	padding: 15px 8px 15px 16px;
	border-radius: 12px;
	background: var(--tr-header-button-light);
	color: var(--tr-header-text);
	cursor: pointer;
}

.tr-header .button-switch-lang:hover {
	background: var(--tr-header-button-light-hover);
}

.tr-header .button-switch-lang svg {
	fill: var(--tr-header-text);
}

.tr-header--inner:not(.fixed):not(.tr-header--sticky) .button-switch-lang {
	background: var(--tr-header-button-glass);
	color: #ffffff;
}

.tr-header--inner:not(.fixed):not(.tr-header--sticky) .button-switch-lang:hover {
	background: var(--tr-header-button-glass-hover);
}

.tr-header--inner:not(.fixed):not(.tr-header--sticky) .button-switch-lang svg {
	fill: #ffffff;
}

.tr-header .button-switch-lang__current {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: 24px;
	line-height: 0;
}

.tr-header .button-switch-lang .tr-flag,
.tr-header .button-switch-lang__list .tr-flag {
	width: 24px;
	height: 16px;
	flex-shrink: 0;
}

/* Стрелка 12×7 по центру квадрата 24×24, как иконка в макете */
.tr-header .button-switch-lang__arrow {
	width: 12px;
	height: 7px;
	margin: 0 6px;
	flex-shrink: 0;
}

/* Список языков: белая карточка 179px с тенью, строки по 56px. Прижат к правому краю кнопки:
   при центрировании на ширине ~1280–1355px он выходил за правый край экрана и давал странице
   боковую прокрутку даже скрытым. */
.tr-header .button-switch-lang + ul {
	visibility: hidden;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	width: 179px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.19);
	overflow: hidden;
	z-index: 5;
}

.tr-header .button-switch-lang + ul li {
	display: block;
}

.tr-header .button-switch-lang + ul li a {
	display: flex;
	align-items: center;
	gap: 8px;
	box-sizing: border-box;
	height: 56px;
	padding: 16px 24px;
	font-family: var(--tr-font-ui, 'Manrope', sans-serif);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--tr-header-text, #303030);
	white-space: nowrap;
	text-decoration: none;
	background: #ffffff;
	transition: background-color 0.2s linear;
}

.tr-header .button-switch-lang + ul li a:hover,
.tr-header .button-switch-lang + ul li a:focus-visible {
	background: #f5f6f7;
	color: var(--tr-header-text, #303030);
	outline: none;
}

.tr-header .button-switch-lang.open + ul {
	visibility: visible;
}

.tr-header .tr-flag--text {
	width: auto;
	height: auto;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
}

/* ---------- Выпадающие списки (десктоп) ---------- */

.tr-header .submenu_block {
	display: none;
	background-color: white;
	border-radius: 16px;
	position: fixed;
	top: calc(90px + var(--wp-admin--admin-bar--height, 0px));
	z-index: 20;
	border: 1px solid #eeeff0;
	padding: 16px 28px 24px;
	text-align: left;
}

.tr-header .submenu_block__cols {
	display: flex;
	align-items: flex-start;
	gap: 32px;
}

.tr-header .submenu_block__col {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 300px;
}

.tr-header .submenu_block__col__title {
	font-family: var(--tr-font-ui, 'Manrope', sans-serif);
	font-weight: 600;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #bec7ce;
	margin: 0;
}

.tr-header .submenu_block__links {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tr-header .submenu_block__links__item {
	width: 100%;
	display: flex;
	align-items: center;
}

.tr-header .submenu_block__links__item__title {
	font-family: var(--tr-font-ui, 'Manrope', sans-serif);
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	color: #303030;
	text-align: left;
	transition: color 0.25s linear;
	text-decoration: none;
}

.tr-header .submenu_block__links__item__title:hover,
.tr-header .submenu_block__links__item__title.is-current {
	color: var(--tr-purple, #4700bb);
	opacity: 1;
}

/* ---------- Бургер ---------- */

.tr-header .header__mobile_btn {
	display: none;
	margin-left: 20px;
	padding: 5px;
	cursor: pointer;
	position: relative;
	z-index: 10;
	background: none;
	border: none;
	line-height: 0;
	flex-shrink: 0;
}

.tr-header .header__mobile_btn span {
	position: relative;
	display: block;
	width: 20px;
	height: 2px;
	background: #ffffff;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 0 0;
	transition: transform 0.55s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.55s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

.tr-header.main_header .header__mobile_btn span,
.tr-header.fixed .header__mobile_btn span,
.tr-header--sticky .header__mobile_btn span {
	background: #2a333d;
}

.tr-header .header__mobile_btn span:not(:last-child) {
	margin-bottom: 4px;
}

.tr-header .header__mobile_btn span:last-child {
	transform-origin: 0 100%;
}

.tr-header.open .header__mobile_btn span {
	opacity: 1;
	transform: rotate(45deg) translate(2px, -3px);
	background: #1d232a;
}

.tr-header.open .header__mobile_btn span:nth-child(2) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

.tr-header.open .header__mobile_btn span:last-child {
	transform: rotate(-45deg) translate(2px, 3px);
}

.tr-header .topbar-item__icon {
	display: none;
}

/* ---------- Адаптив ---------- */

@media only screen and (max-width: 1439px) {
	.tr-header.main_header .topbar-links > .topbar-item {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 1279px) {
	.tr-header .topbar {
		max-width: 1280px;
	}

	/* В legacy отступ логотипа обнуляла только общая мобильная таблица (adaptive-style.scss),
	   а у шапки main/black оставались свои 62px (templates/header/header.scss). */
	.tr-header:not(.main_header) .topbar-logo {
		margin-right: 0;
	}

	.tr-header .topbar-links > .topbar-item {
		margin-left: 22px;
	}


}

@media only screen and (max-width: 1160px) {
	.tr-header .topbar-item {
		font-size: 14px;
	}

	.tr-header .header__mobile_btn {
		display: block;
	}

	/* Список ссылок в раскрытом меню */
	.tr-header .topbar .topbar-links {
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin-top: 24px;
	}

	.tr-header .topbar .topbar-links > .topbar-item,
	.tr-header.main_header .topbar .topbar-links > .topbar-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-left: 0;
		z-index: 1;
	}

	.tr-header .topbar .topbar-links > .topbar-item:not(:last-child) {
		margin-bottom: 36px;
		transition: margin-bottom 0.55s ease-in;
	}

	.tr-header .topbar .topbar-links > .topbar-item_nest:not(:last-child) {
		margin-bottom: 26px;
		transition: margin-bottom 0.55s ease-out;
	}

	.tr-header .topbar .topbar-links > .topbar-item > a {
		display: flex;
		align-items: center;
		font-weight: 600;
		font-size: 16px;
		line-height: 22px;
		color: #000000;
		margin-bottom: 0;
		transition: opacity 0.55s linear, color 0.55s linear, margin-bottom 0.55s ease-in;
	}

	.tr-header .topbar .topbar-links > .topbar-item > a .submenu_block__arrow {
		display: none;
	}

	.tr-header .topbar .topbar-links > .topbar-item > a .topbar-item__icon {
		display: block;
		line-height: 0;
	}

	.tr-header .topbar .topbar-links > .topbar-item > a svg {
		position: relative;
		top: 2px;
		margin-left: 6px;
		transition: transform 0.55s ease-out, color 0.55s ease-out, opacity 0.55s ease-out;
	}

	.tr-header .topbar .topbar-links > .topbar-item > a svg path {
		fill: currentColor;
	}

	.tr-header .topbar .topbar-links > .topbar-item > a.active {
		color: var(--tr-purple, #4700bb);
		margin-bottom: 26px;
		transition: color 0.55s linear, margin-bottom 0.55s ease-out;
	}

	.tr-header .topbar .topbar-links > .topbar-item > a.active svg {
		transform: rotate(180deg);
	}

	/* В мобильном меню (белая панель) текущий пункт фиолетовый во всех вариантах шапки */
	.tr-header .topbar .topbar-links > .topbar-item > a.is-current {
		color: var(--tr-purple, #4700bb);
	}

	.tr-header .topbar .topbar-links .submenu_block__links__item__title {
		opacity: 0.6;
	}

	.tr-header .topbar .topbar-links .submenu_block__links__item__title:hover {
		opacity: 1;
	}

	/* Подменю в мобильном меню — аккордеон */
	.tr-header .submenu_block {
		width: 100%;
		max-width: 312px;
		padding: 0 26px;
		border-radius: 20px;
		list-style-type: none;
		text-align: center;
		overflow: hidden;
		position: relative;
		max-height: 0;
		transition: max-height 0.55s ease-out;
		display: block;
		top: 0;
		border: none;
	}

	.tr-header .submenu_block_active {
		max-height: 1000px;
		transition: max-height 0.55s ease-in;
	}

	.tr-header .submenu_block__cols {
		flex-direction: column;
		gap: 26px;
		padding: 26px 0;
	}

	.tr-header .submenu_block__col {
		width: 100%;
		align-items: center;
	}

	.tr-header .submenu_block__col__title {
		text-align: center;
	}

	.tr-header .submenu_block__links__item {
		justify-content: center;
	}

	.tr-header .submenu_block__links__item__title {
		text-align: center;
	}
}

/* 854–1160px, обе шапки (как на лендинге): в меню уходит только список ссылок, кнопки и переключатель
   языка остаются в шапке. */
@media only screen and (min-width: 854px) and (max-width: 1160px) {
	.tr-header .topbar-menu {
		display: contents;
	}

	.tr-header .topbar-links {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-grow: 0;
		position: fixed;
		top: var(--wp-admin--admin-bar--height, 0px);
		left: 0;
		width: 100%;
		height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
		height: calc(var(--vh, 1vh) * 100 - var(--wp-admin--admin-bar--height, 0px));
		padding: 94px 0 56px 24px;
		margin-top: 0;
		border-right: 24px solid transparent;
		overflow-y: auto;
		z-index: 9;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s opacity linear, 0.3s visibility linear;
		box-sizing: border-box;
	}

	.tr-header .topbar-links::before {
		content: '';
		position: fixed;
		top: var(--wp-admin--admin-bar--height, 0px);
		right: 0;
		background-color: #f3f5f9;
		z-index: 1;
		width: 20px;
		height: 20px;
		transition: all 0.55s ease;
		opacity: 0;
		border-radius: 12px;
	}

	.tr-header.open .topbar-links {
		opacity: 1;
		visibility: visible;
		transition: 0.25s opacity linear, 0.25s visibility linear;
	}

	.tr-header.open .topbar-links::before {
		top: 50%;
		right: 50%;
		width: 300vh;
		height: 300vh;
		margin: -150vh -150vh 0 0;
		opacity: 1;
		border-radius: 150vh;
	}
}

@media only screen and (max-width: 1024px) {
	.tr-header .topbar {
		max-width: 904px;
	}
}

@media only screen and (max-width: 932px) {
	.tr-header .topbar {
		max-width: 812px;
	}

	.tr-header.main_header .topbar-links > .topbar-item {
		margin-left: 6px;
	}

}

/* До 853px, обе шапки: в меню уходят и список, и кнопки; в шапке остаются переключатель языка и бургер */
@media only screen and (max-width: 853px) {
	.tr-header .topbar {
		max-width: 722px;
	}

	.tr-header .topbar-lang {
		margin-left: auto;
	}

	.tr-header .topbar-menu {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-grow: 0;
		position: fixed;
		top: var(--wp-admin--admin-bar--height, 0px);
		left: 0;
		width: 100%;
		height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
		height: calc(var(--vh, 1vh) * 100 - var(--wp-admin--admin-bar--height, 0px));
		padding: 70px 0 56px 24px;
		border-right: 24px solid transparent;
		overflow-y: auto;
		z-index: 9;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s opacity linear, 0.3s visibility linear;
		box-sizing: border-box;
	}

	.tr-header .topbar-menu::before {
		content: '';
		position: fixed;
		top: var(--wp-admin--admin-bar--height, 0px);
		right: 0;
		background-color: #f3f5f9;
		z-index: 1;
		width: 20px;
		height: 20px;
		transition: all 0.55s ease;
		opacity: 0;
		border-radius: 12px;
	}

	.tr-header.open .topbar-menu {
		opacity: 1;
		visibility: visible;
		transition: 0.25s opacity linear, 0.25s visibility linear;
	}

	.tr-header.open .topbar-menu::before {
		top: 50%;
		right: 50%;
		width: 300vh;
		height: 300vh;
		margin: -150vh -150vh 0 0;
		opacity: 1;
		border-radius: 150vh;
	}

	.tr-header .topbar-button {
		display: flex;
		justify-content: center;
		z-index: 2;
		margin: 60px 0 0;
	}

	.tr-header .login_button {
		display: flex;
		justify-content: center;
		z-index: 2;
		margin: 20px 0 0;
	}

	/* В выезжающей панели фон светлый: кнопки такие же, как в шапке после прокрутки */
	.tr-header.tr-header--inner .topbar-menu .button--quiz,
	.tr-header.tr-header--inner .topbar-menu .button--quiz:hover {
		background: var(--tr-header-button-light);
		color: var(--tr-header-text);
	}

	.tr-header.tr-header--inner .topbar-menu .login_button,
	.tr-header.tr-header--inner .topbar-menu .login_button:hover {
		background: var(--tr-violet, #670dce);
		color: #ffffff;
	}
}

@media only screen and (max-width: 768px) {
	.tr-header .topbar {
		max-width: 708px;
	}
}

@media only screen and (max-width: 667px) {
	.tr-header .topbar {
		max-width: 540px;
	}

	.tr-header .logo {
		width: 90px;
	}

	.tr-header .button--quiz {
		font-size: 14px;
	}
}

@media only screen and (max-width: 425px) {
	.tr-header .topbar {
		max-width: 385px;
		min-width: 320px;
	}

	.tr-header .logo {
		width: 86px;
	}
}

@media only screen and (max-width: 375px) {
	.tr-header .logo {
		width: 75px;
	}
}

/* ---------- Редактор ---------- */

.editor-styles-wrapper .tr-header,
.block-editor-block-preview__content .tr-header {
	position: relative;
	padding-top: 0;
	background: #fff;
	border-bottom: 1px solid #eeeff0;
}

.editor-styles-wrapper .tr-header--inner {
	background: #1d232a;
}

.editor-styles-wrapper .tr-header .submenu_block {
	position: absolute;
	top: 60px;
	left: 0;
}