/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 3 de set. de 2026, 11:33:54
    Author     : glaub
*/

.bottom-nav {

    position: fixed;

    z-index: 100;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    max-width: var(--app-width);

    height: 70px;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    align-items: center;

    background: rgba(255,255,255,0.96);

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

    box-shadow:
        0 -5px 20px rgba(2,26,53,0.08);

    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);

    padding-bottom:
        env(safe-area-inset-bottom);
}


.nav-item {

    position: relative;

    height: 100%;

    display: flex;

    flex-direction: column;

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

    gap: 4px;

    color: var(--cor-cinza-500);

    font-size: 10px;

    font-weight: var(--peso-semibold);

    text-decoration: none;
}


.nav-item i {

    font-size: 17px;
}


.nav-item.active {

    color: var(--cor-azul);
}


.nav-item.active::before {

    content: "";

    position: absolute;

    top: 0;

    width: 28px;

    height: 3px;

    border-radius:
        0
        0
        5px
        5px;

    background: var(--cor-dourado);
}