/*
 * Small fixes for the SSO profile UI, loaded after theme.css.
 * theme.css is compiled and its SCSS sources are no longer in the repo,
 * so these overrides live here.
 */

/*
 * Profile popup (from the external SSO profile widget). On mobile it is
 * rendered inside the off-canvas menu with no z-index, so the profile icon
 * and user name that come after it in the menu were drawn on top of it.
 */
#my-widget.common_model_wrapper_nobody .common_model_nobody {
	z-index: 1060;
}

/*
 * Profile dropdown (Profile / Privacy Policy / Consent Preferences / Logout).
 * It is anchored to the right of the profile icon, which pushed it past the
 * left edge of the narrow mobile menu. Anchor it to the left on mobile.
 */
@media (max-width: 991.98px) {
	.site-main .main-header .nomark_dropdown_menu,
	.site-main .main-header .main-navigation .navigation-wrapper .top-quick-actions .top-quick-actions .nomark_dropdown_menu {
		left: 0;
		right: auto;
		max-width: calc(100vw - 32px);
	}
}