/**
 * Hand-written overrides on top of the compiled main.css. Loaded after it,
 * so rules here win at equal specificity. Keep custom CSS here rather than
 * in main.css, which is build output and gets overwritten on rebuild.
 */

/* Logged-in admin bar: offset the sticky header and mobile nav drawer below
   it (32px, 46px at ≤782px; at ≤600px core lets the bar scroll away). */
.admin-bar .site-header {
	top: 32px;
}

@media (max-width: 880px) {
	.admin-bar .nav-links {
		top: 32px;
	}
}

@media screen and (max-width: 782px) {
	.admin-bar .site-header,
	.admin-bar .nav-links {
		top: 46px;
	}
}

@media screen and (max-width: 600px) {
	.admin-bar .site-header,
	.admin-bar .nav-links {
		top: 0;
	}
}