/* [bm_header_account] – scoped to .bm-header-account. Matches the header's white pill buttons. */

.bm-header-account { display: inline-flex; align-items: center; gap: 10px; font-family: var(--bm-body); }
.bm-header-account__button,
.bm-header-account__button:visited {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 8px 20px;
	border: 1px solid #fff;
	border-radius: 999px;
	background: #fff;
	color: var(--bm-dark);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.bm-header-account__button:hover { background: var(--bm-green); border-color: var(--bm-green); color: var(--bm-dark); }
.bm-header-account__button--ghost { background: transparent; color: #fff; }
.bm-header-account__link { color: #fff; font-size: 15px; font-weight: 600; text-decoration: none; }
.bm-header-account__link:hover { color: var(--bm-green); }

@media (max-width: 600px) {
	.bm-header-account { gap: 6px; }
	.bm-header-account__button { min-height: 38px; padding: 6px 14px; font-size: 14px; }
	.bm-header-account__link { display: none; }
}