/*
	Theme Name: Moedes
	Description: Moedes 是面向 Zibll 子比主题的站点级子主题，基于李初一开源子主题基础框架。
	Theme URI: https://moehub.cc/
	Author: Moedes
	Author URI: https://moehub.cc/
	Requires at least: 5.0
	Requires PHP: 7.0-8.2
	Version: 0.0.1
    Template: zibll
	Tags: 社区、论坛、圈子、商城、中文、博客、科技、简约、付费阅读、付费下载、扁平化、用户中心、网址导航、熊掌号、垂直站点、SEO优化、响应式、增强编辑器
*/

/*
 * Global navigation correction.
 *
 * Zibll leaves the account submenu's vertical position implicit. When the
 * header is laid out as a flex row, that static position can be calculated
 * above the viewport. Keep the account panel anchored to its trigger and
 * constrain it to the visible viewport without changing the parent theme.
 */
:root {
	--moedes-nav-popup-gap: 8px;
	--moedes-nav-popup-bottom-gap: 12px;
}

.navbar-top .navbar-right .list-inline > li {
	position: relative;
}

.navbar-top .navbar-right .navbar-avatar + .sub-menu {
	top: calc(100% + var(--moedes-nav-popup-gap)) !important;
	right: 0 !important;
	bottom: auto !important;
	max-height: calc(100vh - var(--moedes-nav-popup-bottom-gap) - 64px);
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.navbar-top .navbar-right .navbar-avatar + .sub-menu {
		right: max(8px, env(safe-area-inset-right)) !important;
		max-width: calc(100vw - 16px);
		max-height: calc(100vh - var(--moedes-nav-popup-bottom-gap) - 56px);
	}
}