/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates

/******************
    User custom CSS
    Solo dimensione testo e colori base. Font di sistema.
******************/

/* === IMPOSTAZIONE GENERALE === */
body {
    background-color: #f8f4e3 !important;
    line-height: 1.6 !important;
    color: #222 !important;
     font-family: sans-serif;
}

/* === PLACEHOLDER INPUT === */
::placeholder {
    color: #666 !important;
    opacity: 1;
}

/* === INPUT E TEXTAREA === */
textarea,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"] {
    font-size: 1.1rem !important;
    padding: 0.5em;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* === CONTENITORE DOMANDA === */
.question-container {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 1em;
    background-color: transparent;
}

/* === TESTI GUIDA (scritti da te) === */
.ls-questionhelp > h4 > b {
    font-size: 85%;
    font-weight: normal;
}
.ls-questionhelp,
.ls-questionhelp p,
.ls-questionhelp h4 {
    color: #0056b3 !important;
    font-size: 1rem;
    font-weight: normal;
}

/* === MESSAGGI DI SISTEMA (alert LimeSurvey) === */
.alert-info,
.text-info,
.alert-success,
.text-success {
    color: #155724 !important; /* Verde scuro */
    background-color: transparent !important;
    border: none !important;
    font-weight: 500;
}
.text-danger {
    color: #b30000 !important;
}
/* === Riduzione spaziatura verticale tra opzioni di risposta multiple === */
.multiple-opt .answer-item,
.multiple-opt .checkbox-item {
    margin-bottom: 0.4em !important;
}

/* Opzionale: riduzione margine del checkbox stesso */
.multiple-opt .checkbox label {
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
    margin-bottom: 0 !important;
}
/* === Miglioramento leggibilità risposte lunghe === */
.answer-item label,
.radio-item label,
.checkbox-item label {
    line-height: 1.5;
    color: #222;
    font-weight: 400;
}

/* Se viene usato <strong> all'inizio: evidenzia con contrasto maggiore */
.answer-item label strong,
.radio-item label strong,
.checkbox-item label strong {
    font-weight: 600;
    color: #000;
}
/* === Forza stile leggibile per tutti i TEXTAREA === */
textarea,
textarea.form-control,
.question-container textarea,
.answer textarea,
.comment textarea,
.sub-question textarea,
textarea#answer {
    font-size: 20px !important;          /* uso px, non rem */
    font-family: sans-serif !important;
    color: #222 !important;
    line-height: 1.5 !important;
    padding: 10px !important;
    background-color: #ffffff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    min-height: 120px !important;
    resize: vertical !important;
}
/* === Campo input precompilato: font leggibile === */
input[type="text"],
input[type="number"],
input.form-control {
    font-size: 18px !important;
    font-family: sans-serif !important;
    color: #222 !important;
    padding: 8px 10px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
}

/* === Linee guida, messaggi guida sopra/sotto le domande === */
.ls-questionhelp,
.ls-questionhelp p,
.help-block,
.text-info,
.commenthelp {
    font-size: 16px !important;
    color: #0056b3 !important; /* Blu leggibile */
    font-weight: normal;
    line-height: 1.5;
}