/*
 * File: neuropsy-frontend.css
 * Obiettivo: massimizzare l'ereditarietà degli stili del tema.
 */

/* ----------------------------------------------------------- */
/* STILE GENERALE DEL CONTAINER (Rimuove Bordi e Margini Rigidi) */
/* ----------------------------------------------------------- */
.neuropsy-assessor-container {
    max-width: 700px; /* Aumentato leggermente per estetica */
    margin: 20px auto;
    padding: 20px;
    /* Rimuovi bordi e colori di sfondo specifici per ereditare dal tema */
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.neuropsy-assessor-container h2 {
    /* Utilizza la dimensione e il colore del titolo H2 del tema */
    border-bottom: 2px solid var(--wp--preset--color--primary, #CCC); /* Usa una variabile CSS del tema se disponibile, altrimenti un colore neutro */
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* ----------------------------------------------------------- */
/* STILE DEI CAMPI DI INPUT (Eredita il più possibile) */
/* ----------------------------------------------------------- */
.neuropsy-assessor-container label {
    display: block;
    margin-top: 15px;
    font-weight: 500; /* Meno aggressivo di 'bold' */
    font-size: 0.95em;
    color: inherit; /* Assicura l'ereditarietà del colore del testo */
}

.neuropsy-assessor-container input[type="number"],
.neuropsy-assessor-container button[type="submit"] {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    box-sizing: border-box;
    /* Lascia che il tema definisca border-color e background-color */
    border: 1px solid #DDD; /* Bordo sottile e neutro */
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Stile del pulsante (Lascia che il tema gestisca il colore principale) */
.neuropsy-assessor-container button[type="submit"] {
    margin-top: 25px;
    font-weight: bold;
    cursor: pointer;
    /* Usa i colori del tema (se non è un tema block-based, questo potrebbe non funzionare) */
    background-color: var(--wp--preset--color--primary, #0073aa); 
    color: #FFFFFF;
    border: none;
    border-radius: 6px;
}

.neuropsy-assessor-container button[type="submit"]:hover {
    filter: brightness(110%);
}

/* ----------------------------------------------------------- */
/* STILE DEI RISULTATI (Visualizzazione Funzionale) */
/* ----------------------------------------------------------- */
.neuropsy-results {
    margin-top: 30px;
    padding: 20px;
    /* Usa un bordo più leggero o ombra per separare ma non dominare */
    border: 1px solid #EEE; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Leggera ombra */
    border-radius: 8px;
    background-color: #f9f9f9; /* Sfondo leggermente grigio per risaltare */
}

.result-score {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 10px;
}

/* Le classi di livello mantengono il colore di avviso, essenziale per l'UX */
.result-level {
    font-size: 1.3em;
    padding: 8px 12px;
    border-radius: 4px;
    color: black;
    display: inline-block;
    font-weight: bold;
    margin-top: 5px;
}

/* Colori di avviso (sono essenziali e dovrebbero essere mantenuti) */
.level-basso { background-color: #2ecc71; } /* Verde - OK */
.level-moderato { background-color: #f39c12; } /* Giallo/Arancio - Attenzione */
.level-alto { background-color: #e74c3c; } /* Rosso - Alto Rischio */
.level-molto-alto { background-color: #c0392b; } /* Rosso Scuro - Urgenza */

.disclaimer {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px dashed #DDD;
    font-size: 0.85em;
    color: #666;
}