/* Supplementary chrome tweaks layered on top of style.css's design tokens + base layout. */

.best-mobile-toggle {
	display: none;
	border: none;
	background: var(--best-canvas);
	border-radius: 8px;
	width: 38px;
	height: 38px;
	cursor: pointer;
}

@media (max-width: 900px) {
	.best-mobile-toggle { display: inline-flex; align-items: center; justify-content: center; }
}

.best-nav-item .dashicons { font-size: 20px; width: 20px; height: 20px; }