/* Выпадающее меню шапки на десктопе — по макету заказчика (24.09.2026):
   тёмно-синяя плашка сразу под пунктом, белые подчёркнутые ссылки,
   у раскрытого родителя светло-голубая подсветка и стрелка вверх.
   Подключается после style.css, переопределяет его правила для .header__list-sub. */
@media (min-width: 1201px) {
	.header .header__item:hover > .header__item-link {
		background: #e1eaf4;
		color: var(--firmennyy-siniy);
	}

	.header .header__list-sub,
	.header-pos .header__list-sub {
		top: 100%;
		left: 0;
		width: max-content;
		min-width: 300px;
		padding: 10px 16px 14px;
		gap: 0;
		background: var(--firmennyy-siniy);
	}

	/* мостик между пунктом и плашкой больше не нужен: зазора нет */
	.header .header__list-sub::after,
	.header-pos .header__list-sub::after {
		height: 0;
		top: 0;
	}

	.header .header__list-item-link-sub {
		background: transparent;
		border: 0;
		padding: 7px 0;

		font-size: 15px;
		line-height: 120%;
		color: #fff;
		text-decoration: underline;
		text-underline-offset: 3px;
		transition: color .3s ease;
	}

	.header .header__list-item-link-sub:hover,
	.header .header__list-item-link-sub.selected {
		color: #b2c8e6;
	}
}