/* 
    Created on : 25 set 2026, 10:06:49
    Author     : aless
*/

/* ============================================================
   VERSIONE MOBILE PER mtbmagazine.it
   Compatibile con vecchi Safari / vecchi iPhone
   ============================================================ */

@media only screen and (max-width: 768px) {

    body {
        overflow-x: hidden;
        font-size: 16px;
        background: #F0F1E5;
        padding: 0;
        margin: 0;
    }

    /* ------------------------------------------------------------
       HEADER / BANNER
       ------------------------------------------------------------ */
    #bannerSito {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        cursor: default !important;
        margin-bottom: 10px;
    }

    /* ------------------------------------------------------------
       SCRITTE LATERALI (SX / DX)
       Le nascondo: su mobile occupano spazio e non servono
       ------------------------------------------------------------ */
    #scrittaLateraleSx,
    #scrittaLateraleDx {
        display: none !important;
    }

    /* ------------------------------------------------------------
       PANNELLI flottanti
       ------------------------------------------------------------ */
    #pannello,
    #dCalendario {
        position: static !important;
        width: 100% !important;
        margin: 10px 0;
    }

    /* ------------------------------------------------------------
       CONTENUTO PRINCIPALE
       ------------------------------------------------------------ */
    #inbody {
        display: block !important;
        padding: 10px;
        width: 100% !important;
    }

    /* Rotazione simbolo */
    .pRotazione {
        display: none !important;
    }

    /* ------------------------------------------------------------
       DATA / ORA
       ------------------------------------------------------------ */
    #dDataOra {
        font-size: 14px;
        margin-bottom: 10px;
    }

    /* ------------------------------------------------------------
       URL SITO
       ------------------------------------------------------------ */
    #urlSito {
        font-size: 18px;
        margin-bottom: 15px;
        text-align: center;
    }

    #urlSito span {
        font-size: 20px;
    }

    /* ------------------------------------------------------------
       UTENTE REGISTRATO
       ------------------------------------------------------------ */
    #utenteRegistrato {
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
    }

    /* ------------------------------------------------------------
       RICERCA
       ------------------------------------------------------------ */
    #ricercaBis {
        position: static !important;
        width: 100% !important;
        text-align: center;
        margin: 15px 0;
    }

    #ricercaBis input[type="text"] {
        width: 90% !important;
        font-size: 18px;
        padding: 8px;
    }

    /* ------------------------------------------------------------
       TABS (jquery-ui)
       ------------------------------------------------------------ */
    #tabs {
        width: 100% !important;
        font-size: 16px;
    }

    .ui-tabs-nav {
        display: flex;
        flex-wrap: wrap;
    }

    .ui-tabs-nav li {
        width: 50%;
        text-align: center;
    }

    /* ------------------------------------------------------------
       IMMAGINI GENERALI
       ------------------------------------------------------------ */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* ------------------------------------------------------------
       TABELLE (molte pagine del sito ne hanno)
       ------------------------------------------------------------ */
    table {
        width: 100% !important;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    td, th {
        font-size: 15px;
        padding: 6px;
    }

}