/**
 * ArtistPress - Tema scuro
 * 
 * Questo file CSS forza l'applicazione del tema scuro con sfondo blu
 * e correzioni per la leggibilità
 */

/* Forza lo sfondo blu scuro ovunque */
body, html, 
.container, .main, 
.main-header, .main-footer,
.dashboard-content, .tab-content,
.song-list, .form-card,
.auth-container, .form-section,
.modal-content,
.send-container p, .form-intro,
.empty-state p, .empty-state,
.homepage-content, .hero, .hero-content,
.features, .feature-grid, .feature-card,
.dashboard-tabs, .tab, .tabs-header {
    background-color: #0e1525 !important;
    color: #ffffff !important;
}

/* Tabella contatti e celle in tema scuro */
.contacts-list, .contacts-table, 
.contacts-table th, .contacts-table td {
    background-color: #0e1525 !important;
    color: #ffffff !important;
    border-color: #2a3142 !important;
}

/* Cambia colore di sfondo al passaggio del mouse sulle righe */
.contacts-table tr:hover td {
    background-color: #1e2535 !important;
}

/* Miglioramenti di leggibilità */
label, input, select, textarea, 
.form-group, .checkbox-group label,
.recipient-tab, .postcard-option span,
.help-text {
    color: #ffffff !important;
}

/* Sfondo per input e select */
input, select, textarea {
    background-color: #1e2535 !important;
    border-color: #2a3142 !important;
}

/* Forza il colore del testo nella navigazione e nel contenuto */
.main-nav a, .main-header a, .main-footer a,
.tab-nav a, .dashboard-header h2,
.tab-content p, .tab-content div, .tab-content h3, .tab-content h4,
.dashboard-content p, .dashboard-content div, .dashboard-content h3, 
.form-section p, .song-list p, .songs-section p,
.main p, 
.hero h2, .hero p, .hero .tagline,
.features h2, .features h3, .features p,
.feature-card h3, .feature-card p, 
.homepage-content h2, .homepage-content h3, .homepage-content p,
.tab, .tab[data-tab], .tabs-header, .tabs-header div {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* Stile per il nome del contatto nel tema scuro */
.contact-name {
    color: #4DA3FF !important;
    font-weight: bold !important;
    text-shadow: 0 0 1px rgba(77, 163, 255, 0.3) !important;
}

/* Assicura la leggibilità delle alert */
.alert {
    border: 1px solid;
    padding: 10px 15px;
    margin: 15px 0;
    border-radius: 4px;
}

.alert-success {
    background-color: rgba(40, 167, 69, 0.2) !important;
    border-color: #28a745 !important;
    color: #ffffff !important;
}

.alert-danger {
    background-color: rgba(220, 53, 69, 0.2) !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
}

.alert-info {
    background-color: rgba(23, 162, 184, 0.2) !important;
    border-color: #17a2b8 !important;
    color: #ffffff !important;
}

.alert-warning {
    background-color: rgba(255, 193, 7, 0.2) !important;
    border-color: #ffc107 !important;
    color: #ffffff !important;
}