.blue-menu-wrap {
	padding: 10px 0;
}

.blue-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.blue-menu li {
	list-style: none;
}

.blue-menu a {
	display: inline-block;
	padding: 10px 22px;
	background-color: #4aa8e0;      /* голубой */
	color: #ffffff;                  /* белый текст */
	text-decoration: none;
	border-radius: 6px;
	font-weight: 500;
	transition: background-color 0.2s ease;
}

.blue-menu a:hover,
.blue-menu a:focus {
	background-color: #2f86bd;       /* темнее при наведении */
	color: #ffffff;
	text-decoration: none;
}

.blue-menu .current-menu-item > a,
.blue-menu .current_page_item > a {
	background-color: #2f86bd;       /* подсветка текущей страницы */
}

/* Вертикальный вариант для боковой колонки */
.widget .blue-menu {
	flex-direction: column;
}

.widget .blue-menu a {
	display: block;
}