/* ==========================================================
   MENU INFERIOR
========================================================== */

.bottom-navigation{

    position:fixed;

    bottom:0;
    left:0;

    width:100%;
    height:80px;

    background:
        rgba(15,15,16,.95);

    backdrop-filter:blur(20px);

    border-top:
        1px solid var(--border);

    display:flex;

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

    z-index:9999;
}

.bottom-navigation a{

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:4px;

    text-decoration:none;

    color:var(--text-secondary);

    font-size:11px;

    transition:.3s;
}

.bottom-navigation a i{

    font-size:22px;
}

.bottom-navigation a:hover{

    color:var(--primary);

    transform:translateY(-2px);
}

.publish-btn{

    width:62px;
    height:62px;

    border-radius:20px;

    background:
        linear-gradient(
            135deg,
            #00c896,
            #00e6aa
        );

    display:flex !important;

    justify-content:center;
    align-items:center;

    margin-top:-30px;

    box-shadow:
        0 10px 25px rgba(0,200,150,.45);

    color:#000 !important;
}

.publish-btn i{

    font-size:28px !important;
    font-weight:900;
}

.publish-btn:hover{

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

    box-shadow:
        0 15px 35px rgba(0,200,150,.6);
}

.bottom-navigation a.active i{

    color:var(--primary);

    transform:scale(1.15);
}
.bottom-navigation a{

    position:relative;
}
.bottom-navigation a.active::after{

    content:"";

    position:absolute;

    bottom:-8px;

    width:6px;
    height:6px;

    border-radius:50%;

    background:var(--primary);
}




.menu-icon{
    position:relative;
    display:inline-flex;
}

.menu-badge{

    position:absolute;

    top:-8px;
    right:-10px;

    min-width:18px;
    height:18px;

    padding:0 5px;

    border-radius:999px;

    background:#ff3b30;

    color:#fff;

    font-size:10px;
    font-weight:bold;

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

    line-height:1;
}