/*
    Arquivo: template/css/login.css
    Estilos para a página de login e cadastro.
*/

#userTabs .nav-item {
    margin: 0 5px;
}

#userTabs .nav-link {
    /* Estilo dos botões de aba (Tabs) */
    font-weight: 600;
    color: var(--bs-secondary-color);
    background-color: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color-translucent);
    border-radius: 8px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    transition: all 0.2s ease-in-out;
}

#userTabs .nav-link:hover {
    border-color: var(--bs-gray-400);
}

#userTabs .nav-link.active {
    /* Estilo da aba ativa */
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    box-shadow: 0 4px 10px rgba(11, 94, 215, 0.3);
}