/* [solcr_account_button]: header Login / Dashboard button, matching the site's gold pill buttons. */
.solcr-acct { display: inline-flex; align-items: center; gap: 18px; flex-wrap: nowrap; }
.solcr-acct .solcr-acct-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	padding: 10px 24px; border-radius: 30px; border: 0;
	background: #FDD34E; color: #361552;
	font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; letter-spacing: .5px; text-transform: uppercase; text-decoration: none; white-space: nowrap;
	transition: background-color .3s, color .3s;
}
.solcr-acct .solcr-acct-btn:hover, .solcr-acct .solcr-acct-btn:focus { background: #ffffff; color: #361552; }
.solcr-acct .solcr-acct-logout {
	display: inline-flex; align-items: center; gap: 6px;
	color: #ffffff; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 500; text-decoration: none; white-space: nowrap;
	transition: color .3s;
}
.solcr-acct .solcr-acct-logout:hover, .solcr-acct .solcr-acct-logout:focus { color: #FDD34E; }
.solcr-acct .solcr-acct-icon { flex: none; }
.solcr-acct .solcr-acct-btn:focus-visible, .solcr-acct .solcr-acct-logout:focus-visible { outline: 2px solid #FDD34E; outline-offset: 3px; }

@media (max-width: 767px) {
	.solcr-acct { gap: 12px; }
	.solcr-acct .solcr-acct-btn { padding: 8px 16px; font-size: 13px; gap: 6px; }
	/* Icon only on phones; the link keeps its title and an accessible name. */
	.solcr-acct .solcr-acct-logout span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.solcr-acct .solcr-acct-logout .solcr-acct-icon { width: 22px; height: 22px; }
}