.bottom-nav,
.bottom-bar,
nav.bottom,
.mobile-nav{
position:fixed !important;
bottom:0 !important;
left:50% !important;
transform:translateX(-50%) !important;
width:100% !important;
max-width:480px !important;
z-index:999999 !important;
background:#fff !important;
border-top:1px solid #ddd !important;
}

body{
padding-bottom:90px !important;
}

nav a,
.bottom-nav a,
.bottom-bar a{
pointer-events:auto !important;
opacity:1 !important;
}

.bottom-nav i,
.bottom-bar i,
.mobile-nav i,
nav.bottom i{
display:block !important;
font-style:normal !important;
font-family:Arial, sans-serif !important;
font-size:22px !important;
line-height:22px !important;
color:#444 !important;
}

.bottom-nav a,
.bottom-bar a,
.mobile-nav a,
nav.bottom a,
.bottom-nav button,
.bottom-bar button,
.mobile-nav button{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:4px !important;
cursor:pointer !important;
pointer-events:auto !important;
opacity:1 !important;
}

.ti-home:before{content:"⌂" !important;}
.ti-compass:before{content:"◆" !important;}
.ti-plus:before{content:"+" !important;}
.ti-bell:before{content:"🔔" !important;}
.ti-user:before{content:"👤" !important;}
.ti-search:before{content:"🔍" !important;}

.bottom-nav,
.bottom-bar,
.mobile-nav,
nav.bottom{
pointer-events:auto !important;
}

.bottom-nav *,
.bottom-bar *,
.mobile-nav *,
nav.bottom *{
pointer-events:auto !important;
}

.header,
.top-bar,
.app-header{
pointer-events:auto !important;
z-index:999998 !important;
}