/*
 * Restore the Wagtail userbar to its intended size on the public site.
 *
 * The userbar sizes itself in rem: the trigger button is 1rem with a 3.5em
 * diameter, the menu is .875rem, and each row has .875rem of padding. Bootstrap
 * 3 sets html{font-size:10px}, and rem always resolves against the document
 * root -- not the shadow host -- so on this site every one of those values
 * comes out at 62.5% of its design size: a 35px trigger instead of 56px, and
 * 8.75px labels in cramped rows.
 *
 * Setting a font-size on <wagtail-userbar> cannot fix this, because rem ignores
 * it. The values below are the px equivalents of Wagtail's own rem values at a
 * 16px root. Raise them together if the menu should be larger still.
 *
 * These rules reach the shadow root because Wagtail renders the output of the
 * insert_global_admin_css hook inside it; see wagtailadmin/userbar/base.html.
 * They are scoped to .w-userbar so they cannot affect the rest of the admin.
 */

.w-userbar-trigger {
    font-size: 16px;
}

.w-userbar-items {
    font-size: 14px;
}

.w-userbar__item {
    font-size: 16px;
}

.w-userbar__item a,
.w-userbar__item button {
    font-size: 14px;
    padding: 14px;
}