/* FULLSCREEN + RIDUZIONE CONTENUTO SOLO < 768px */
@media (max-width: 768px) {

    /* La modale occupa tutto lo schermo */
    .modal.scale-responsive .modal-dialog {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }

    .modal.scale-responsive .modal-content {
        height: 100% !important;
        border-radius: 0;
    }

    /* Riduzione reale del contenuto */
    .modal.scale-responsive {
        font-size: 0.85rem; /* testo più piccolo */
    }

        .modal.scale-responsive h4 {
            font-size: 1rem;
        }

        .modal.scale-responsive p,
        .modal.scale-responsive li {
            font-size: 0.9rem;
            line-height: 1.2;
        }

        .modal.scale-responsive .modal-title {
            font-size: 1rem;
        }

        .modal.scale-responsive .modal-header,
        .modal.scale-responsive .modal-footer {
            padding: 0.5rem 0.75rem;
        }

        .modal.scale-responsive .modal-body {
            padding: 0.75rem;
        }

        .modal.scale-responsive .btn {
            padding: 0.25rem 0.5rem;
            font-size: 0.8rem;
        }

        .modal.scale-responsive i,
        .modal.scale-responsive .fa,
        .modal.scale-responsive .fas,
        .modal.scale-responsive .far {
            font-size: 0.9em;
        }

        /* Riduzione del footer */
        .modal.scale-responsive .modal-footer h5 {
            font-size: 0.95rem;
        }

        .modal.scale-responsive .modal-footer p {
            font-size: 0.85rem;
            line-height: 1.2;
        }

        .modal.scale-responsive .modal-footer {
            padding: 0.5rem 0.75rem;
        }

        .modal.scale-responsive h1,
        .modal.scale-responsive h2,
        .modal.scale-responsive h3,
        .modal.scale-responsive h4,
        .modal.scale-responsive h5,
        .modal.scale-responsive h6 {
            font-size: 0.9em;
        }

        .modal.scale-responsive p,
        .modal.scale-responsive li {
            font-size: 0.9em;
            line-height: 1.2;
        }
}