/* =================================================================ato
   STILI MOBILE - PAGINA CONTATTI & SEGNALAZIONE (FestMap)
   ================================================================ */

/* Contenitore principale mobile per la pagina contatti */
@media screen and (max-width: 768px) {
    main.home-content {
        max-width: 100% !important;
        margin: 10px auto !important;
        padding: 0 10px !important;
    }

    /* Intestazione della pagina */
    main.home-content > div:first-child {
        margin-bottom: 20px !important;
        padding: 0 5px;
    }

    main.home-content > div:first-child h2 {
        font-size: 1.6rem !important;
    }

    main.home-content > div:first-child p {
        font-size: 0.88rem !important;
        line-height: 1.4;
    }

    /* Modulo di segnalazione */
    main.home-content form {
        padding: 18px 14px !important;
        border-radius: 10px !important;
        gap: 12px !important;
    }

    /* Adattamento delle griglie a due colonne per schermi stretti */
    main.home-content form div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* Campi di input, select e textarea */
    main.home-content form input[type="text"],
    main.home-content form input[type="date"],
    main.home-content form input[type="url"],
    main.home-content form input[type="email"],
    main.home-content form select,
    main.home-content form textarea {
        padding: 10px 12px !important;
        font-size: 0.95rem !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* Etichette dei campi */
    main.home-content form label {
        font-size: 0.85rem !important;
    }

    /* Pulsante di invio */
    main.home-content form button[type="submit"] {
        padding: 14px !important;
        font-size: 1rem !important;
        width: 100%;
        margin-top: 5px !important;
    }

    /* Sezione Contatti Diretti inferiore */
    main.home-content > div:last-child {
        margin-top: 25px !important;
        padding: 18px 14px !important;
        border-radius: 10px !important;
    }

    main.home-content > div:last-child h3 {
        font-size: 1.05rem !important;
    }

    main.home-content > div:last-child p {
        font-size: 0.85rem !important;
    }

    main.home-content > div:last-child a {
        font-size: 1rem !important;
        word-break: break-all;
    }
}