/* Stili Tabella */
    table {
        border-collapse: collapse;
        width: 100%;
        overflow-x: auto;
    }

    th, td {
        text-align: left;
        padding: 8px;
        vertical-align: top;
    }

    .reset-style, .reset-style * {
        all: revert;
    }

    /* Dropdown Immagini */
    .dropdownimg {
        position: relative;
        display: inline-block;
    }

    .dropdownimg-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 180px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 9999;
    }

    .dropdownimg:hover .dropdownimg-content {
        display: block;
    }

    .imgV {
        z-index: 99999;
        padding: 4px;
        text-align: center;
    }

    .desc {
        z-index: 99999;
        padding: 10px;
        text-align: center;
    }

    /* Gestione Ancora Esterna */
    #myDIV {
        /* scroll-margin-top crea lo spazio per il menù fisso quando si scorre all'ancora */
        scroll-margin-top: 120px; 
    }

    /* Forza la visibilità quando l'URL contiene #myDIV */
    #myDIV:target {
        display: block !important;
    }

    /* Seleziona l'icona dentro il bottone quando questo è "aperto" */
    button[aria-expanded="true"] .bi-arrow-down-square-fill {
        transform: rotate(180deg);
        transition: transform 0.3s ease; /* Rende il movimento fluido */
    }

    /* Stato normale (chiuso) */
    button[aria-expanded="false"] .bi-arrow-down-square-fill {
        transition: transform 0.3s ease;
    }


    /* Usiamo una catena di selettori per essere più forti di Mobirise */
    section.menu .navbar-nav .nav-item a.nav-link.btn-vai-fai {
        background-color: #ff0303 !important;
        color: #ffffff !important;
        border-radius: 100px !important; /* Forza la pillola */
        padding: 15px 35px !important;    /* La rende grande */
        margin: 10px !important;          /* La stacca dagli altri */
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border: none !important;
        font-weight: bold !important;
        font-size: 1.1rem !important;
        transition: all 0.3s ease-in-out !important;
    }

    /* Hover: da Rosso a Nero */
    section.menu .navbar-nav .nav-item a.nav-link.btn-vai-fai:hover {
        background-color: #000000 !important;
        color: #ffffff !important;
        
        /* ELIMINA SOTTOLINEATURA E BARRA DI MOBIRISE */
        text-decoration: none !important;    /* Rimuove sottolineatura standard */
        border-bottom: none !important;      /* Rimuove eventuali bordi inferiori */
        box-shadow: none !important;         /* Rimuove l'ombra che spesso sembra una barra */
        outline: none !important;            /* Rimuove il contorno di selezione */
        
        transform: scale(1.05); 
    }

    /* Killer per gli elementi grafici extra di Mobirise (::after) */
    section.menu .navbar-nav .nav-item a.nav-link.btn-vai-fai::after {
        display: none !important;
        content: none !important;
    }

    section.menu .navbar-nav .nav-item a.nav-link.btn-vai-fai::before {
        display: none !important;
        content: none !important;
    }

    /* Sistema l'icona interna */
    section.menu .navbar-nav .nav-item a.nav-link.btn-vai-fai span {
        margin-right: 10px !important;
        font-size: 1.5rem !important;
    }
    
    /* Correzione per lettere tagliate nelle select */
    .form-select, .form-control {
        line-height: 1.5 !important; /* Spazio sufficiente per le gambe delle lettere */
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
        height: auto !important; /* Evita che un'altezza fissa tagli il contenuto */
    }

    /* Fix specifico per mobile se usi le classi -sm */
    .form-select-sm {
        padding-top: 0.25rem !important;
        padding-bottom: 0.4rem !important; /* Un pizzico in più sotto */
        font-size: 0.9rem !important;
    }