/* Horizontal menu for phpbb 3.3
----------------------------------------*/
.menu-navbar {
	margin: 5px 15px 5px 15px;
}

/* Иначе выпадающий список может обрезаться и пропадать :hover у li */
#menubar.menu-navbar,
#menubar.menu-navbar #horizontalmenudd-tabs,
#menubar.menu-navbar .tabs.inner {
	overflow: visible;
}

.menubar, .menubar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menubar {
	border-radius: 5px;
}

/* Содержит float: корректная высота полосы меню (overflow — template/horizontalmenudd_overflow.js) */
#menubar #horizontalmenudd-tabs .menubar::after {
	content: "";
	display: table;
	clear: both;
}

.menubar li {
	float: left;
	list-style: none;
	position: relative;
}

.menubar a {
	font: bold 11px Arial, Helvetica;
	float: left;
	padding: 11px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

/* Заблокировано в ACP: пункты — <a class="horizontalmenudd-link-blocked-action">, внешний вид как у .menubar a, переход отменён в onclick */

/* Иконки пунктов «Портал» / «Форум» (файл в img-menu, URL, Font Awesome) */
.menubar a .horizontalmenudd-menu-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.45em;
	line-height: 1;
}

.menubar a .horizontalmenudd-menu-icon--img img {
	vertical-align: middle;
	max-height: 1.25em;
	width: auto;
	height: auto;
	display: inline-block;
}

.menubar a .horizontalmenudd-menu-icon--fa i {
	font-size: 1.05em;
	vertical-align: middle;
}

.menubar a .horizontalmenudd-menu-text {
	vertical-align: middle;
}

.menubar ul a .horizontalmenudd-menu-icon--img img {
	max-height: 1.1em;
}

/* Подфорумы под пунктом категории (тот же блок меню в ACP) */
.menubar li.horizontalmenudd-has-submenu > ul.horizontalmenudd-submenu {
	left: 0;
	right: auto;
	min-width: 200px;
	/* Стыкуем к нижнему краю пункта: без зазора и без margin-top:20px из .menubar li > ul (иначе теряется hover) */
	top: 37px;
	margin: 0;
}

.menubar li.horizontalmenudd-has-submenu > ul.horizontalmenudd-submenu > li > a {
	    width: auto;
    min-width: min-content;
    max-width: min(92vw, 400px);
    white-space: nowrap;
    line-height: 0.35;
    text-transform: none;
    float: none;
}

/* Темы справа от пункта форума (третий уровень) */
.menubar li.horizontalmenudd-has-nested-submenu {
	position: relative;
}

.menubar ul.horizontalmenudd-submenu li.horizontalmenudd-has-nested-submenu > ul.horizontalmenudd-submenu-topics {
	left: 100%;
	top: 0;
	margin: 0 0 0 4px;
	min-width: 200px;
	max-width: min(92vw, 400px);
	z-index: 10000;
}

.menubar ul.horizontalmenudd-submenu li.horizontalmenudd-has-nested-submenu > ul.horizontalmenudd-submenu-topics > li > a {
	    width: auto;
    min-width: min-content;
    max-width: min(92vw, 400px);
    white-space: nowrap;
    line-height: 0.35;
    text-transform: none;
    float: none;
}

.menubar li > ul {
	background: #fdfdfd;
	border-radius: 3px;
	margin: 20px 0 0 0;
	left: 0;
	top: 36px;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 9999;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.menubar li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}

.menubar ul li > ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

.menubar ul li {
	float: none;
	display: block;
	border: 0;
}

.menubar ul li:last-child {
	box-shadow: none;
}

.menubar ul a {
	padding: 10px;
	width: 130px;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}

.menubar ul li:first-child > a {
	border-radius: 3px 3px 0 0;
}

.menubar ul li:first-child > a:after {
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fdfdfd;
	left: 15px;
	position: absolute;
	top: -6px;
}

.menubar ul ul li:first-child a:after {
	border-color: transparent #3b3b3b transparent transparent;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	left: -6px;
	margin-top: -6px;
	top: 50%;
}

.menubar ul li:first-child a:hover:after {
	border-bottom-color: #f3f3f3;
}

.menubar ul ul li:first-child a:hover:after {
	border-right-color: #f3f3f3;
	border-bottom-color: transparent;
}

.menubar ul li:last-child > a {
	border-radius: 0 0 3px 3px;
}

/* Responsive menu
----------------------------------------*/
.menubar .dropdown .dropdown-contents {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
	float: right;
	max-height: none;
	width: max-content;
	overflow: visible;
}

.menubar .dropdown li {
	padding: 0;
}

.menubar .dropdown a {
	width: auto;
}

.menubar .dropdown > ul > li:first-child > a:after {
	border-bottom: 0;
}

.menubar .dropdown li > ul {
	background: none;
	border-radius: 0;
	border-width: 0px 0 0 0;
	box-shadow: none;
	left: initial;
	margin: 0;
	position: relative;
	opacity: 1;
	visibility: visible;
}

.menubar .dropdown li:hover > ul {
	margin: 0;
}

.menubar .dropdown li > ul li {
	box-shadow: none;
}

.menubar .dropdown li > ul a {
	padding-left: 10px;
}

.menubar .dropdown li > ul ul a {
	padding-left: 25px;
}

.menubar .dropdown > ul > li > ul li a:after {
	display: none;
}

.menubar .dropdown > ul > li > ul li a:before {
	content: "\2014";
	margin-right: 7px;
	opacity: .2;
}

#menubar #horizontalmenudd-tabs {
	margin: 0;
}

#menubar #horizontalmenudd-tabs .dropdown {
	top: 27px;
	left: 0;
	margin: 0 !important;
}

/* Кнопка overflow (три полоски): forum_fn.js показывает при нехватке места; не скрывать display:none */
#horizontalmenudd-tabs .menubar .tab {
	border: none;
	box-shadow: none;
	float: right;
	font-size: 1.1em;
	line-height: 2.2em;
	position: static;
}

/* Пункты и подменю внутри выпадающего «лишних» (клоны из .menubar) */
#menubar #horizontalmenudd-tabs .menubar .tab-dropdown .dropdown-contents > li {
	float: none;
	display: block;
	width: auto;
	clear: both;
}

#menubar #horizontalmenudd-tabs .menubar .tab-dropdown .dropdown-contents > li > a {
	float: none;
	width: auto;
	max-width: none;
	white-space: normal;
}

#menubar #horizontalmenudd-tabs .menubar .tab-dropdown .dropdown-contents li > ul.horizontalmenudd-submenu {
	position: static;
	opacity: 1;
	visibility: visible;
	left: auto;
	top: auto;
	margin: 6px 0 8px 12px;
	float: none;
	display: block;
	box-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

#menubar #horizontalmenudd-tabs .menubar .tab-dropdown .dropdown-contents .horizontalmenudd-submenu li {
	float: none;
}

#menubar #horizontalmenudd-tabs .menubar .tab-dropdown .dropdown-contents .horizontalmenudd-submenu a {
	float: none;
	width: auto;
	max-width: none;
	white-space: normal;
	text-transform: none;
}

#horizontalmenudd-tabs .menubar .dropdown li {
	margin: 0;
	text-align: left;
}

#horizontalmenudd-tabs .menubar .tab > a {
	background: transparent;
	border-radius: 0;
	border-width: 0;
	box-shadow: none;
	float: none;
	line-height: 20px;
	margin: 5px 15px 5px 10px;
	padding: 3px 0;
}

.responsive-tab .responsive-tab-link:before {
	left: 0;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.menu-navbar #horizontalmenudd-tabs .menubar {
		border-radius: 0;
		margin-left: -5px;
		margin-right: -5px;
	}
}

/* Fixed menubar
---------------------------------------- */
#menubar.fixed-nav .menubar { 
	z-index: 9; 
	position: fixed; 
	top: 0; 
	width: 100%;
	max-width: 1152px;
	margin: 0 !important;
}

#menubar.fixed-nav {
	height: 36px;
}

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
	#menubar.fixed-nav .menubar {
		left: 28px;
		right: 28px;
		width: auto;
	}
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	#menubar.fixed-nav .menubar {
		left: 0;
		right: 0;
	}
}

/* Colours style
---------------------------------------- */

/* Menubar-black
----------------------------------------*/
.menubar-black {
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111);
	background-image: -webkit-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	box-shadow: 0 1px 1px #acca24, 0 1px 0 #666 inset;
}

.menubar-black li {
	border-right: 1px solid #222;
	box-shadow: 1px 0 0 #444;
}

.menubar-black a {
	color: #999;
	text-shadow: 0 1px 0 #000;
}

.menubar-black li:hover > a {
	color: #fafafa;
}

.menubar-black li > ul {
	background: #444;
	background: -moz-linear-gradient(#444, #111);
	background: -webkit-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);
}

.menubar-black ul li {
	box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

.menubar-black ul a:hover {  
	background-color: #0186ba;  
	background-image: -moz-linear-gradient(#acca24, #6f8314);  
	background-image: -webkit-linear-gradient(#acca24, #6f8314);  
	background-image: linear-gradient(#acca24, #6f8314);  
}

.menubar-black ul li:first-child a:after {
	border-bottom-color: #444;
}

.menubar-black ul li:first-child a:hover:after {
	border-bottom-color: #acca24;
}

.menubar-black ul ul li:first-child a:hover:after {
	border-right-color: #acca24;
	border-bottom-color: transparent;
}

/* Responsive menu - menubar-black */
.menubar-black .dropdown .dropdown-contents {
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111);
	background-image: -webkit-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	border-color: #111;
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	padding: 0;
}

.menubar-black .dropdown .pointer {
	border-color: #111 transparent;
}

.menubar-black .dropdown .pointer-inner {
	border-color: #444 transparent;
}

.menubar-black .responsive-tab .responsive-tab-link:before {
	border-color: #999;
}

.menubar-black .responsive-tab .responsive-tab-link:hover:before,
.menubar-black .responsive-tab.dropdown-visible .responsive-tab-link:before {
	border-color: #FFF;
}

.menubar-black .dropdown ul ul li:first-child a:after {
	border-left-color: #3b3b3b;
}

.menubar-black .dropdown > ul > li > ul li:first-child a:hover:after {
	border-left-color: #acca24;
}

/* Menubar-pro
----------------------------------------*/
.menubar-pro {
	background-color: #ECF1F3;
	
}

.menubar-pro li {
	border-right: 1px solid #D3E0EB;
}

.menubar-pro a {
	color: #28313F;
	text-shadow: 0 0 0 #ECF1F3;
}

.menubar-pro li:hover > a {
	color: #000;
}

.menubar-pro li > ul {
	background-color: #D2E0EB;
}

.menubar-pro li ul, .menubar-pro ul li > ul {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.menubar-pro ul li {
	box-shadow: 0 1px 0 #FFFFFF;
}

.menubar-pro ul li:first-child > a:after {
	border-bottom: 6px solid #D2E0EB;
}

.menubar-pro ul ul li:first-child a:after {
	border-right-color: #D2E0EB;
}

.menubar-pro ul li:first-child a:hover:after {
	border-bottom-color: #F6F4D0;
}

.menubar-pro ul ul li:first-child a:hover:after {
	border-right-color: #F6F4D0;
}

.menubar-pro .dropdown  ul ul li:first-child a:after {
	border-left-color: #D2E0EB;
}

.menubar-pro .dropdown > ul > li > ul li:first-child a:hover:after {
	border-left-color: #F6F4D0;
}

.menubar-pro ul a:hover {
	background-color: #F6F4D0;
}

/* Responsive menu - menubar-pro */
.menubar-pro .dropdown .dropdown-contents {
	background-color: #CADCEB;
	border-color: #CADCEB;
	padding: 0;
}

.menubar-pro .dropdown .pointer,
.menubar-pro .dropdown .pointer-inner {
	border-color: #CADCEB transparent;
}

.menubar-pro .responsive-tab .responsive-tab-link:before {
	border-color: #28313F;
}

.menubar-pro .responsive-tab .responsive-tab-link:hover:before {
	border-color: #000;
}

/* menubar-pro2
----------------------------------------*/
.menubar-pro2 {
	background-color: #109EE5;
	background-image: -moz-linear-gradient(#109EE5, #0077B2);
	background-image: -webkit-linear-gradient(#109EE5, #0077B2);
	background-image: linear-gradient(#109EE5, #0077B2);
}

.menubar-pro2 li {
	border-right: 1px solid #D3E0EB;
}

.menubar-pro2 a {
	color: #FFF;
}

.menubar-pro2 ul a {
	color: #28313F;
}

.menubar-pro2 li:hover > a {
	color: #A8D8FF;
}

.menubar-pro2 li > ul {
	background-color: #F1F8FF;
	background-image: -moz-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
	background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
	background-image: linear-gradient(to bottom, #F1F8FF 0%, #CADCEB 100%);
	border: 1px solid #B9B9B9;
}

.menubar-pro2 li ul, .menubar-pro2 ul li > ul {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.menubar-pro2 ul li {
	box-shadow: 0 1px 0 #B9B9B9, 0 2px 0 #FFFFFF;
}

.menubar-pro2 ul li:first-child > a:after {
	border-bottom: 6px solid #F1F8FF;
}

.menubar-pro2 ul ul li:first-child a:after {
	border-right-color: #F1F8FF;
}

.menubar-pro2 ul li:first-child a:hover:after {
	border-bottom-color: #CFE1F6;
}

.menubar-pro2 ul ul li:first-child a:hover:after {
	border-right-color: #CFE1F6;
}

.menubar-pro2 .dropdown  ul ul li:first-child a:after {
	border-left-color: #F1F8FF;
}

.menubar-pro2 .dropdown > ul > li > ul li:first-child a:hover:after {
	border-left-color: #CFE1F6;
}

.menubar-pro2 ul a:hover {
	background-color: #CFE1F6;
	color: #000;
}

/* Responsive menu - menubar-pro2 */
.menubar-pro2 .dropdown .dropdown-contents {
	background-color: #F1F8FF;
	background-image: -moz-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
	background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
	background-image: linear-gradient(to bottom, #F1F8FF 0%, #CADCEB 100%);
	padding: 0;
}

.menubar-pro2 .dropdown .pointer-inner {
	border-color: #F1F8FF transparent;
}

.menubar-pro2 .responsive-tab .responsive-tab-link:before {
	border-color: #FFFFFF;
}

.menubar-pro2 .responsive-tab .responsive-tab-link:hover:before,
.menubar-pro2 .responsive-tab.dropdown-visible .responsive-tab-link:before {
	border-color: #A8D8FF;
}

/* Menubar-dark
----------------------------------------*/
.menubar-dark {
	background-color: var(--color-menu);
    background-image: -moz-linear-gradient(var(--color-menu-g), var(--color-menu));
    background-image: -webkit-linear-gradient(var(--color-menu-g), var(--color-menu));
    background-image: linear-gradient(var(--main-color1), var(--color-menu));
    box-shadow: 0 1px 1px var(--color-menu-gh), 0 1px 0 var(--color-menu-gh) inset;
}

.menubar-dark li {
	border-right: 1px solid #222;
	box-shadow: 1px 0 0 #444;
}

.menubar-dark a {
	color: #999;
	text-shadow: 0 1px 0 #000;
}

.menubar-dark li:hover > a {
	color: #fafafa;
}

.menubar-dark li > ul {
	background-color: var(--color-menu);
    background-image: -moz-linear-gradient(var(--color-menu-g), var(--color-menu));
    background-image: -webkit-linear-gradient(var(--color-menu-g), var(--color-menu));
    background-image: linear-gradient(var(--main-color1), var(--color-menu));
    box-shadow: 0 1px 1px var(--color-menu-gh), 0 1px 0 var(--color-menu-gh) inset;
}

.menubar-dark ul li {
	box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

.menubar-dark ul a:hover {  
	background-color: #0186ba;  
	background-image: -moz-linear-gradient(#acca24, #6f8314);  
	background-image: -webkit-linear-gradient(#acca24, #6f8314);  
	background-image: linear-gradient(#acca24, #6f8314);  
}

.menubar-dark ul li:first-child a:after {
	border-bottom-color: #444;
}

.menubar-dark ul li:first-child a:hover:after {
	border-bottom-color: #acca24;
}

.menubar-dark ul ul li:first-child a:hover:after {
	border-right-color: #acca24;
	border-bottom-color: transparent;
}

/* Responsive menu - menubar-dark */
.menubar-dark .dropdown .dropdown-contents {
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111);
	background-image: -webkit-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	border-color: #111;
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	padding: 0;
}

.menubar-dark .dropdown .pointer {
	border-color: #111 transparent;
}

.menubar-dark .dropdown .pointer-inner {
	border-color: #444 transparent;
}

.menubar-dark .responsive-tab .responsive-tab-link:before {
	border-color: #999;
}

.menubar-dark .responsive-tab .responsive-tab-link:hover:before,
.menubar-dark .responsive-tab.dropdown-visible .responsive-tab-link:before {
	border-color: #FFF;
}

.menubar-dark .dropdown ul ul li:first-child a:after {
	border-left-color: #3b3b3b;
}

.menubar-dark .dropdown > ul > li > ul li:first-child a:hover:after {
	border-left-color: #acca24;
}

/* Панель overflow (три полоски справа): отдельный «карточный» контейнер
----------------------------------------*/
#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown {
	left: auto !important;
	right: 0;
	top: 100%;
	margin-top: 4px;
	border-radius: 10px;
	overflow: hidden;
	min-width: 260px;
	max-width: min(92vw, 420px);
	box-shadow:
		0 4px 6px -1px rgba(0, 0, 0, 0.1),
		0 12px 28px -6px rgba(0, 30, 60, 0.22);
	border: 1px solid rgba(0, 55, 90, 0.12);
	
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .pointer {
	display: none;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .dropdown-contents {
	float: none;
	width: 100%;
	max-height: min(70vh, 560px);
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px 0;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .dropdown-contents > li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	padding: 0;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .dropdown-contents > li:last-child {
	border-bottom: none;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .dropdown-contents > li > a {
	display: block;
	padding: 10px 14px 10px;
	margin: 0;
	font-size: 11px;
	line-height: 1.35;
	letter-spacing: 0.02em;
	border-radius: 0;
	top: 1px;
    position: relative;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .dropdown-contents a:after {
	display: none !important;
	content: none !important;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .dropdown-contents > li > a:hover {
	text-decoration: none;
	
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .dropdown-contents li > ul.horizontalmenudd-submenu {
	margin: 0 10px 10px 12px !important;
	padding: 2px 0 4px 10px !important;
	border-left: 3px solid rgba(16, 158, 229, 0.5);
	background: transparent !important;
	border-radius: 0;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu li {
	box-shadow: none;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu a {
	padding: 6px 8px !important;
	font-size: 11.5px;
	line-height: 1.45;
	font-weight: normal;
	text-transform: none;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu a:before {
	opacity: 0.35;
	margin-right: 6px;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-submenu-topics {
	margin-left: 8px !important;
	padding-left: 8px !important;
	border-left: 1px dashed rgba(0, 0, 0, 0.12);
}

/* Аккордеон в overflow: сетка — длинный текст в 1-й колонке, стрелка всегда в 2-й сверху справа (в т.ч. вложенные li в подменю) */
#menubar #horizontalmenudd-tabs .menubar .tab-dropdown.horizontalmenudd-overflow-dropdown .dropdown-contents li.horizontalmenudd-overflow-accordion {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 37px;
	grid-template-rows: auto auto;
	align-items: start;
	column-gap: 6px;
	row-gap: 0;
	float: none !important;
	width: auto !important;
	clear: both;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion > a:first-of-type {
	grid-column: 1;
	grid-row: 1;
	min-width: max-content;
	box-sizing: border-box;
	float: none;
	overflow-wrap: anywhere;
	word-wrap: break-word;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion-toggle {
	appearance: none;
	-webkit-appearance: none;
	grid-column: 2;
	grid-row: 1;
	align-self: start;
	width: 30px;
	min-height: 30px;
	margin: 1px;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
	margin-top: 3px;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion-toggle:focus-visible {
	outline: 2px solid rgba(16, 158, 229, 0.7);
	outline-offset: -2px;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-chevron {
	display: block;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: inherit;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-chevron::before {
	content: "\25B8";
	display: inline-block;
	font-size: 25px;
	line-height: 1;
	transition: transform 0.2s ease;
	transform: rotate(0deg);
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion.is-open > .horizontalmenudd-overflow-accordion-toggle .horizontalmenudd-overflow-chevron::before {
	transform: rotate(90deg);
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion-panel {
	grid-column: 1 / -1;
	grid-row: 2;
	width: 100%;
	box-sizing: border-box;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion-panel[hidden] {
	display: none !important;
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion > .horizontalmenudd-overflow-accordion-panel.horizontalmenudd-submenu,
#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion > .horizontalmenudd-overflow-accordion-panel.horizontalmenudd-submenu-topics {
	margin: 0 !important;
	padding: 0px 0px 0px 0px !important;
	border-left: 3px solid rgba(16, 158, 229, 0.35);
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

#menubar #horizontalmenudd-tabs .menubar .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion .horizontalmenudd-overflow-accordion {
	border-top: 0;
}

/* menubar-pro2 — светлая карточка под синей полосой */
.menubar-pro2 .horizontalmenudd-overflow-dropdown {
	border-color: rgba(0, 90, 130, 0.18);
	background-color: #F5F7FA;
}

.menubar-pro2 .horizontalmenudd-overflow-dropdown .dropdown-contents {
	background: #fff !important;
	background-image: none !important;
	border: none;
	box-shadow: none;
}

.menubar-pro2 .horizontalmenudd-overflow-dropdown .dropdown-contents > li > a {
	color: #0a3a5c;
	font-weight: bold;
}

.menubar-pro2 .horizontalmenudd-overflow-dropdown .dropdown-contents > li > a:hover {
	background: #e8f4fc;
	color: #005a8c;
}

.menubar-pro2 .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu a {
	color: #28313f;
}

.menubar-pro2 .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu a:hover {
	background: rgba(16, 158, 229, 0.1);
	color: #000;
}

/* menubar-pro */
.menubar-pro .horizontalmenudd-overflow-dropdown {
	border-color: rgba(0, 90, 130, 0.18);
	background-color: #F5F7FA;
}

.menubar-pro .horizontalmenudd-overflow-dropdown .dropdown-contents {
	background: #fff !important;
	background-image: none !important;
	border: none;
	box-shadow: none;
}

.menubar-pro .horizontalmenudd-overflow-dropdown .dropdown-contents > li > a {
	color: #1a2a3a;
	font-weight: bold;
}

.menubar-pro .horizontalmenudd-overflow-dropdown .dropdown-contents > li > a:hover {
	background: #eef5f9;
	color: #000;
}

.menubar-pro .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu a {
	color: #28313f;
}

.menubar-pro .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu a:hover {
	background: #f6f4d0;
}

#menubar #horizontalmenudd-tabs ul.menubar.menubar-pro .horizontalmenudd-overflow-dropdown .dropdown-contents li > ul.horizontalmenudd-submenu {
	border-left-color: rgba(40, 55, 75, 0.3);
}

/* menubar-black */
.menubar-black .horizontalmenudd-overflow-dropdown {
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow:
		0 4px 6px rgba(0, 0, 0, 0.45),
		0 16px 40px rgba(0, 0, 0, 0.55);
		background-color: #1e1e1e;
}

.menubar-black .horizontalmenudd-overflow-dropdown .dropdown-contents {
	background: #1e1e1e !important;
	background-image: none !important;
	border: none;
	box-shadow: none;
}

.menubar-black .horizontalmenudd-overflow-dropdown .dropdown-contents > li {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.menubar-black .horizontalmenudd-overflow-dropdown .dropdown-contents > li > a {
	color: #e8e8e8;
}

.menubar-black .horizontalmenudd-overflow-dropdown .dropdown-contents > li > a:hover {
	background: rgba(172, 202, 36, 0.15);
	color: #fff;
}

.menubar-black .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu {
	border-left-color: rgba(172, 202, 36, 0.55);
}

.menubar-black .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu a {
	color: #ccc;
}

.menubar-black .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu a:hover {
	color: #fff;
}

/* menubar-dark */
.menubar-dark .horizontalmenudd-overflow-dropdown {
	border-color: rgba(255, 255, 255, 0.06);
	background-color: #1e1e1e;
}

.menubar-dark .horizontalmenudd-overflow-dropdown .dropdown-contents {
	background: #1e1e1e !important;
	background-image: none !important;
	border: none;
	box-shadow: none;
}

.menubar-dark .horizontalmenudd-overflow-dropdown .dropdown-contents > li {
	border-bottom-color: rgba(255, 255, 255, 0.07);
}

.menubar-dark .horizontalmenudd-overflow-dropdown .dropdown-contents > li > a {
	color: #ddd;
}

.menubar-dark .horizontalmenudd-overflow-dropdown .dropdown-contents > li > a:hover {
	background: rgba(1, 134, 186, 0.4);
	color: #fff;
}

.menubar-dark .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu {
	border-left-color: rgba(1, 134, 186, 0.6);
}

.menubar-dark .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu a {
	color: #bbb;
}

.menubar-dark .horizontalmenudd-overflow-dropdown .dropdown-contents .horizontalmenudd-submenu a:hover {
	color: #fff;
}

.menubar-dark .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion > .horizontalmenudd-overflow-accordion-panel.horizontalmenudd-submenu,
.menubar-dark .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion > .horizontalmenudd-overflow-accordion-panel.horizontalmenudd-submenu-topics {
	border-top-color: rgba(255, 255, 255, 0.08);
	border-left-color: rgba(1, 134, 186, 0.55);
}

.menubar-dark .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion-toggle {
	color: #ddd;
}

.menubar-black .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion > .horizontalmenudd-overflow-accordion-panel.horizontalmenudd-submenu,
.menubar-black .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion > .horizontalmenudd-overflow-accordion-panel.horizontalmenudd-submenu-topics {
	border-top-color: rgba(255, 255, 255, 0.08);
	border-left-color: rgba(172, 202, 36, 0.45);
}

.menubar-black .horizontalmenudd-overflow-dropdown .horizontalmenudd-overflow-accordion-toggle {
	color: #ccc;
}

.dropdown .pointer, .dropdown .pointer-inner {
	position: absolute;
	width: 0;
	height: 0;
	border-top-width: 0;
	border-bottom: 10px solid transparent;
	border-left: 10px dashed transparent;
	border-right: 10px dashed transparent;
	-webkit-transform: rotate(360deg);
	display: block;
}