/* 
   ALIGN-FIX.CSS
   File CSS supplementare per garantire l'allineamento a sinistra del testo nelle pagine specifiche
*/

/* Regole con alta specificità */
html body .form-header h2,
html body .form-header p,
html body .form-section h3,
html body .form-section p,
html body .form-section .form-group,
html body .form-section label,
html body .contributo-form-container h2,
html body .contributo-form-container p,
html body .contributo-form-container .form-group,
html body .contributo-form-container label,
html body .contact-form-container h2,
html body .contact-form-container p,
html body .contact-form-container .form-group,
html body .contact-form-container label,
html body .contributi-recenti h2,
html body .contributi-recenti p,
html body .contributo-card h4,
html body .contributo-card p,
html body .contributo-content p,
html body .event-info h3,
html body .event-info p,
html body .event-description {
    text-align: left !important;
}

/* Selettori di attributo per sovrascrivere stili inline */
[style*="text-align: center"]:not(.hero-content h1):not(.center-text):not(.submit-button):not(.social-links):not(footer p) {
    text-align: left !important;
}

/* Pagine specifiche */
.unisciti-content *:not(.hero-content h1):not(.center-text):not(.submit-button):not(.social-links):not(footer p),
.contributi-content *:not(.hero-content h1):not(.center-text):not(.submit-button):not(.social-links):not(footer p),
.contatti-content *:not(.hero-content h1):not(.center-text):not(.submit-button):not(.social-links):not(footer p),
.eventos-content *:not(.hero-content h1):not(.center-text):not(.submit-button):not(.social-links):not(footer p) {
    text-align: left !important;
}

/* Stili JavaScript non possono sovrascrivere questi */
body .contributo-form-container .form-header h2,
body .contributo-form-container .form-header p,
body .contact-form-container h2,
body .contact-form-container p,
body .unisciti-form-container h2,
body .unisciti-form-container p {
    text-align: left !important;
}

/* Fix specifico per eventi */
.event-item, 
.event-info,
.event-title, 
.event-description,
.event-detail-content *:not(.center-text) {
    text-align: left !important;
}