/* Stile pagine SGelettronica - coerente con il resto del sito */

/* Evita spazio bianco in alto se il menu non carica bene (es. CSS mancante sul server) */
body.page-pagine .header {
    max-height: 100px;
    overflow: hidden;
}
body.page-pagine .pagine-container {
    margin-top: 10px;
}

.pagine-container, .pagine-gestione-container, .pagine-crea-container {
    max-width: 1500px;
    margin: 20px auto;
    padding: 0 20px;
    font-family: Tahoma, sans-serif;
}
.pagine-container h1, .pagine-gestione-container h1, .pagine-crea-container h1 {
    font-size: 1.5em;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.pagine-contenuto {
    line-height: 1.6;
    margin-top: 20px;
}
.pagine-contenuto img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Su cellulari: ignora dimensioni inline e mantieni proporzioni (evita immagini allungate) */
@media (max-width: 768px) {
    .pagine-contenuto img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }
}
.pagine-contenuto p { margin-bottom: 1em; }
.pagine-contenuto h2 { font-size: 1.2em; margin: 1.5em 0 0.5em; }
.pagine-contenuto h3 { font-size: 1.1em; margin: 1.2em 0 0.5em; }
.pagine-contenuto ul, .pagine-contenuto ol { margin: 0.5em 0 1em 1.5em; }
.pagine-contenuto table { border-collapse: collapse; margin: 1em 0; }
.pagine-contenuto table td, .pagine-contenuto table th { border: 1px solid #ddd; padding: 8px; }
.pagine-lista { list-style: none; padding: 0; }
.pagine-lista li { margin: 10px 0; }
.pagine-lista a { text-decoration: none; }
.pagine-lista a:hover { text-decoration: underline; }

/* Gestione */
.pagine-gestione-container .btn { display: inline-block; padding: 8px 16px; margin-right: 10px; text-decoration: none; border-radius: 4px; font-size: 0.9em; }
.btn-nuovo { background: #333; color: #fff; }
.btn-logout { background: #666; color: #fff; }
.btn-modifica { color: #0066cc; }
.btn-elimina { color: #c00; }
.nessuna-pagina { margin-top: 30px; color: #666; }
.tabella-pagine { width: 100%; border-collapse: collapse; margin-top: 20px; }
.tabella-pagine th, .tabella-pagine td { padding: 10px; border: 1px solid #ddd; text-align: left; }
.tabella-pagine th { background: #f5f5f5; }

/* Form crea */
.form-pagina .form-gruppo { margin-bottom: 20px; }
.form-pagina label { display: block; margin-bottom: 5px; font-weight: bold; }
.form-pagina input[type="text"], .form-pagina textarea { width: 100%; max-width: 600px; padding: 8px; box-sizing: border-box; }
.form-azioni { margin-top: 25px; }
.form-azioni .btn { display: inline-block; padding: 10px 20px; margin-right: 10px; text-decoration: none; cursor: pointer; border: none; border-radius: 4px; font-size: 1em; }
.btn-salva { background: #333; color: #fff; }
.btn-annulla { background: #999; color: #fff; }