/* +++ CORREZIONI PER PROBLEMI RISCONTRATI +++ */

/* 1. CORREZIONE SFONDO BIANCO */
body.bodyindex_mobile {
    background-color: #336699 !important; /* Forza lo sfondo blu */
    color: white;                         /* Testo bianco per leggibilità */
    margin: 0;
    padding: 10px;
    min-height: 100vh;                    /* Assicura che lo sfondo copra tutta la pagina */
}

/* Assicura che tutti i div ereditino lo sfondo e il colore del testo */
body.bodyindex_mobile div {
    background-color: transparent;         /* Eredita lo sfondo dal body */
    color: inherit;                        /* Eredita il colore del testo dal body */
}

/* 2. CORREZIONE MENU PER CLICK SU MOBILE */
.menu-container {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    z-index: 1000;                         /* Assicura che il menu sia sopra tutto */
}

.dropbtn {
    background-color: #330066;
    color: white;
    padding: 14px 20px;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 120px;                          /* Larghezza fissa per il bottone */
    text-align: center;
    font-family: 'Aptos', 'Garamond', 'Times New Roman', serif;
    -webkit-tap-highlight-color: transparent; /* Rimuove l'evidenziazione al tap su mobile */
}

/* Menu nascosto di default */
.dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    top: 55px;                              /* Spazio sotto il bottone */
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    border-radius: 4px;
    overflow: hidden;                       /* Bordi arrotondati anche per i figli */
}

/* Mostra il menu quando ha la classe 'show' */
.dropdown-content.show {
    display: block;
}

/* Stile dei "finti tasti" - COLORI ORIGINALI (non gialli) */
.dropdown-content .finto-tasto {
    color: #330066 !important;              /* Blu scuro originale per massimo contrasto */
    background-color: #f0f0f0;              /* Sfondo grigio chiaro */
    padding: 14px 16px;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Aptos', 'Garamond', 'Times New Roman', serif;
    border-bottom: 1px solid #ccc;          /* Bordo sottile tra i tasti */
    min-width: 180px;
    box-sizing: border-box;
    transition: background-color 0.2s;
}

.dropdown-content .finto-tasto:last-child {
    border-bottom: none;                    /* Nessun bordo per l'ultimo elemento */
}

.dropdown-content .finto-tasto:hover,
.dropdown-content .finto-tasto:active {     /* Anche al tap/click */
    background-color: #c0c0c0;
    color: #000 !important;                 /* Nero al passaggio del mouse */
}

/* 3. TUTTI GLI ALTRI LINK IN GIALLO (esclusi quelli nel menu) */
a:not(.finto-tasto):link, 
a:not(.finto-tasto):visited {
    color: #ffff99 !important;               /* Giallo per tutti i link fuori dal menu */
    text-decoration: underline;
    transition: color 0.2s ease;
}

a:not(.finto-tasto):hover, 
a:not(.finto-tasto):active {
    color: #ffffff !important;               /* Bianco al passaggio del mouse */
    text-decoration: none;
    background-color: #333366;
}

/* Link email nei contatti */
.contatti-email a {
    color: #ffff99 !important;
    font-size: 15px;
    text-decoration: underline;
}

.contatti-email a:hover {
    color: #ffffff !important;
}

/* Link articoli */
a.articoli_index {
    color: #ffff99 !important;
    font-size: 15px;
    text-decoration: underline;
}

a.articoli_index:visited {
    color: #ffcc00 !important;                /* Giallo leggermente più scuro per visited */
}

a.articoli_index:hover {
    color: #ffffff !important;
    background-color: #333366;
    text-decoration: none;
}

/* 4. COLORI PER I TESTI VARI */
/* Contenitore contatti */
.contatti-container {
    width: 100%;
    margin: 15px 0;
}

.contatti-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #336699;               /* Sfondo blu */
    color: white;                            /* Testo bianco */
    padding: 12px;
    border-radius: 5px;
    border: 1px solid #4477aa;                /* Bordo leggermente più chiaro */
}

.contatti-info, .contatti-email {
    font-size: 15px;
    font-family: 'Trebuchet Ms', Arial, sans-serif;
    text-align: left;
    padding: 5px;
    color: white;                             /* Testo bianco esplicito */
}

/* Lista novità */
.lista-novita {
    text-align: justify;
    margin: 10px 15px 10px 25px;
    font-size: 16px;
    color: white;                             /* Testo bianco */
}

.lista-novita li {
    margin-bottom: 12px;
}

/* Testi vari */
h3, h4, center, p, li, ol, ul {
    color: white;                             /* Testo bianco per tutto */
}

hr {
    border: 1px solid #99ccff;
    margin: 20px 0;
}

/* Immagini - mantengono layout responsivo */
.flex {
    max-width: 100%;
    height: auto;
    border-radius: 4px;                        /* Piccolo arrotondamento */
}

/* Logo container */
.logo-container {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 70px;
}

/* Facebook like container */
.fb-like-container {
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 10;
}

/* Contenuto principale */
.contenuto-principale {
    margin-top: 20px;
    padding: 0 5px;
}

/* +++ FINE CORREZIONI +++ */