/* Style de la vue mobile */
@media screen and (max-width: 450px) {
    /* Topbar */
    h1 {
        font-size: 1.2rem !important;
    }

    .topbar h1 {
        font-size: 1.2rem !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .topbar .navbar-nav {
        flex-wrap: wrap;
    }

    .logo-site {
        max-width: 50px !important;
        height: auto !important;
    }

    /* Footer */
    .container-fluid {
        padding-bottom: 100px !important;
    }

    /* Page ajout vin */
    .btn-group-add {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    /* Page détails vin */
    .details-image-vin {
        max-width: 200px !important;
        height: auto !important;
    }

    .affichage-details-vin {
        display: flex;
        flex-direction: column;
    }

    /* Page modification vin */
    .affichage-modification-vin {
        display: flex;
        flex-direction: column;
    }

    .modification-image-vin {
        max-width: 200px !important;
        height: auto !important;
    }

    .modification-champ-image {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}