/* Layout Pagina */
.page-wrap { display: flex; flex-wrap: wrap; gap: 15px; padding: 15px; max-width: 1200px; margin: 0 auto; }
.main-content-song { flex: 3; min-width: 300px; text-align: left; }
.sidebar-right { flex: 1; min-width: 250px; }

/* Testo Canzone */
.song-lyrics {
    margin: 0; padding: 15px; font-family: 'Courier New', Courier, monospace;
    font-size: 14px; line-height: 1.1; background: #fdfdfd;
    border: 1px solid #eee; border-radius: 4px;
    white-space: pre; overflow-x: auto; max-width: 100%;
    box-sizing: border-box; color: #333; text-align: left;
}

/* Toolbar e Accordi */
.toolbar { display: flex; gap: 10px; margin-bottom: 15px; padding: 10px; background: #eee; border-radius: 4px; }
.btn-control { padding: 8px 15px; cursor: pointer; border: none; background: #333; color: #fff; border-radius: 4px; }
.chord { font-weight: bold; color: #d9534f; display: inline-block; cursor: pointer; }

/* Bottoni Navigazione */
.btn-pdf { display: inline-block; margin: 10px 0; padding: 8px 15px; background: #d9534f; color: white; text-decoration: none; border-radius: 4px; font-weight: bold; }
.btn-useful { display: block; background-color: #f0f0f0; color: #333; padding: 10px; text-decoration: none; border-radius: 4px; text-align: center; border: 1px solid #ddd; margin-bottom: 10px; }

/* Footer */
.site-footer { padding: 20px; text-align: center; font-size: 0.85em; color: #666; border-top: 1px solid #ccc; margin-top: 30px; }
.legal-note { font-size: 0.8em; max-width: 800px; margin: 10px auto; color: #888; }

/* Responsive */
@media (max-width: 768px) {
    .page-wrap { flex-direction: column; }
    .sidebar-right { order: 2; }
    .main-content-song { order: 1; }
    .song-lyrics { width: 100%; padding: 10px; }
}