#mmn-mobile-nav{display:none}
@media (max-width:767px){
:root{--mmn-safe-bottom:env(safe-area-inset-bottom,0px)}
#mmn-mobile-nav{
display:block;position:fixed;left:var(--mmn-side);right:var(--mmn-side);
bottom:calc(var(--mmn-bottom) + var(--mmn-safe-bottom));
z-index:99990;transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .25s ease;
}
#mmn-mobile-nav.mmn-hidden{transform:translateY(calc(100% + 35px));opacity:0;pointer-events:none}
/* When Messenger is open it replaces the bottom navigation area. */
#mmn-mobile-nav.mmn-messenger-open{
transform:translateY(calc(100% + 40px));
opacity:0;
pointer-events:none;
}
.mmn-inner{
display:flex;align-items:stretch;justify-content:space-around;gap:3px;
padding:7px 6px;
background:var(--mmn-bg);border:1px solid var(--mmn-border);
border-radius:var(--mmn-radius);box-shadow:var(--mmn-shadow);
backdrop-filter:blur(var(--mmn-blur));-webkit-backdrop-filter:blur(var(--mmn-blur));
}
.mmn-item{
flex:1;min-width:0;text-decoration:none!important;display:flex;flex-direction:column;
align-items:center;justify-content:center;gap:3px;padding:5px 3px;border-radius:16px;
color:var(--mmn-text);font-size:10px;line-height:1.1;transition:all .2s ease;
-webkit-tap-highlight-color:transparent;
}
.mmn-item:hover,.mmn-item:focus{color:var(--mmn-active)}
.mmn-item.is-active{color:var(--mmn-active);background:rgba(24,119,242,.09)}
.mmn-icon{width:23px;height:23px;display:flex;align-items:center;justify-content:center}
.mmn-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mmn-icon svg path[fill]{fill:currentColor}
.mmn-icon svg path[stroke="none"]{stroke:none}
.mmn-label{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mmn-messenger-trigger{cursor:pointer}
/* Messenger belongs to the other plugin; these rules are scoped to mobile and only control its placement while this plugin is active. */
#messenger_main_con,
.tophive-bp-messenger-sticky-main{
max-width:none;
}
#messenger_main_con.messenger-open,
.tophive-bp-messenger-sticky-main.messenger-open{
z-index:99989;
}
/* Prevent the hidden navigation from leaving any visual/interactive trace while Messenger is open. */
html.mmn-messenger-open #mmn-mobile-nav,
body.mmn-messenger-open #mmn-mobile-nav{
visibility:hidden!important;
pointer-events:none!important;
}
body{padding-bottom:var(--mmn-reserved-space,88px)!important}
}
@media (min-width:768px){body{padding-bottom:0!important}}