﻿/* Responsivo per schermi piccoli */
@media (max-width: 768px) {

    .custom_messagebox {
        width: 90%;
    }

    .nav-pills .nav-item .nav-link {
        font-size: 14px;
        padding: 8px 12px;
    }

    .tab-content {
        padding: 15px;
    }

        .tab-content ul {
            padding-left: 10px;
        }

        .tab-content .tab-pane p {
            font-size: 14px;
        }


    /* NAVBAR MOBILE */

    header .navbar-collapse .navbar-nav.mx-auto {
        position: static;
        transform: none;
        width: 100%;
        text-align: center;
    }


    header .navbar .navbar-nav.ms-auto {
        margin-left: 0 !important;
        width: 100%;
        justify-content: center;
        margin-top: 10px;
    }


    header .navbar .dropdown {
        margin-left: 0;
    }
}

/* Responsive: su schermi piccoli pulsanti sotto input */
@media (max-width: 576px) {
    #imageUploadForm .form-group {
        flex-direction: column;
        align-items: stretch;
    }

    #imageUploadForm .btn-group {
        justify-content: flex-start;
        margin-top: 10px;
    }

    #imageUploadForm button {
        width: 100%;
        min-height: 40px;
    }
}

@media (hover: hover) and (pointer: fine) {
    /* Nasconde solo le icone dei bottoni con la classe desktop-tooltip-target */
    .desktop-tooltip-target {
        display: none !important;
    }
}
