/* ======================
BOTTOM NAVIGATION
====================== */

.bottom-nav{

position:fixed;
bottom:0;
left:0;

width:100%;
height:72px;

background:#0b0b0c;

display:flex;
align-items:center;
justify-content:space-around;

border-top:1px solid rgba(255,255,255,0.05);

z-index:1000;

}

/* ======================
NAV ITEM
====================== */

.nav-item{

flex:1;

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

transition:all .25s ease;

cursor:pointer;

color:#666;

}

/* ======================
ICON
====================== */

.nav-icon{

width:36px;
height:36px;

opacity:0.7;

transition:all .25s ease;

}

/* ======================
LABEL
====================== */

.nav-label{

display:none;

font-size:11px;

margin-top:3px;

color:white;

}

/* ======================
ACTIVE ITEM
====================== */

.nav-item.active{

flex:1.6;

}

.nav-item.active .nav-icon{

width:46px;
height:46px;

opacity:1;

transform:translateY(-4px) scale(1.15);

filter:drop-shadow(0 0 8px rgba(255,170,0,0.6));

}

.nav-item.active .nav-label{

display:block;

}

/* ======================
SAFE SPACE
====================== */

.container{
padding-bottom:95px;
}