/* Keep the account link subordinate to the catalog navigation while preserving its alignment. */
.bermark-account-entry {
	display: flex;
	align-items: center;
	align-self: center;
}

.bermark-account-entry::before {
	content: "";
	display: block;
	width: 1px;
	height: 1.25em;
	margin: 0 1rem;
	background-color: #b8b8b8;
}

.bermark-account-entry > .wp-block-navigation-item__content {
	font-size: 0.9em;
	font-weight: 400;
	line-height: inherit;
}

/* The responsive navigation becomes vertical, so the horizontal separator is unnecessary. */
@media (max-width: 781px) {
	.bermark-account-entry::before {
		display: none;
	}
}

.wp-block-navigation__responsive-container.is-menu-open .bermark-account-entry::before {
	display: none;
}