/*
 * WordPress shell corrections.
 *
 * The page design comes from assets/css/<page>.css, which is the CSS the static
 * build shipped. These rules only reconcile it with what WordPress adds around
 * it — nothing here changes the design itself.
 */

/* The admin bar is fixed at the top for logged-in users; the sticky site header
   has to sit below it instead of underneath. */
.admin-bar header {
	top: var(--wp-admin--admin-bar--height, 32px);
}

html:has(body.admin-bar) {
	scroll-padding-top: calc(var(--nav-h, 66px) + var(--wp-admin--admin-bar--height, 32px) + 12px);
}

/* The access gate is a full-viewport overlay; keep it clear of the admin bar. */
.admin-bar .access-gate {
	top: var(--wp-admin--admin-bar--height, 32px);
}

@media screen and (max-width: 782px) {
	.admin-bar header,
	.admin-bar .access-gate {
		top: var(--wp-admin--admin-bar--height, 46px);
	}
}