/* --- TOP BAR --- */

.top-bar-wrapper {
    display: flex;
    justify-content: space-between;
    /* una colonna a sinistra, una a destra */
    align-items: center;
    height: 40px;
}

.top-bar-wrapper .left {
    display: flex;
    align-items: center;
    gap: 6px;
    /* spazio fra M e testo */
    flex: 1 0 auto;
}

.top-bar-wrapper .right {
    display: flex;
    flex: 0 1 auto;
    /* larghezza automatica */
    text-align: right;
    align-items: center;
}

/* --- Responsive Media Query --- */
@media (max-width: 680px) {
   
    .top-bar-wrapper .left {
        flex: 0 0 auto;
        /* non si allarga */
    }
}

@media (max-width: 480px) {
    #top-bar-home-label
    {
        display: none;
    }
}

@media (max-width: 320px) {
    #top-bar-info
    {
        display: none;
    }
}