.form-sdc-container {
    max-width: 800px;
    margin: 0 auto;
    font-family: sans-serif;
    color: #454545;
}

.form-sdc-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-sdc-field {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.form-sdc-field label {
    margin-bottom: 8px;
    font-size: 16px;
    color: #454545
}

/* Input e Select identici */
.form-sdc-field input,
.form-sdc-field select,
.form-sdc-field textarea {
    padding: 12px;
    border: 1px solid #85868c;
    border-radius: 4px;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#85868c !important;
    /* Importante per mantenere l'allineamento */
}

.form-sdc-field select {
    height: 46px;
    color:#85868c !important;
    /* Forza l'altezza dei select per essere uguale agli input */
    background-color: #fff;
}

.form-sdc-consent {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    color: #454545;
    display: inline-block !important;
    box-sizing: border-box;
}

input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    border: initial;
}

.form-sdc-consent input {
    margin-top: 4px;
    margin-right: 12px;
    flex-shrink: 0;
}

.btn-invia-sdc {
    background-color:  #cf333b;
    color: white;
    border: none;
    margin: 20px 0 0 0;
    padding: 10px 16px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    transition: background 0.3s;
}

.btn-invia-sdc:hover {
    background-color: #a82a31;
}

/* Messaggi di errore/successo */
#form-response-msg {
    font-weight: bold;
    padding: 10px;
    border-radius: 4px;
    display: none;
}

.red {
    color: #cf333b;
}

.link {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    overflow: visible !important;
    color: #cf333b !important; 
    text-decoration: underline !important;
    font-weight: bold;
    cursor: pointer;
}

.link:hover {
  text-decoration: none !important;
}

/* Sovrascrive lo stile del browser quando i dati vengono autocompletati */
.form-sdc-field input:-webkit-autofill,
.form-sdc-field input:-webkit-autofill:hover, 
.form-sdc-field input:-webkit-autofill:focus,
.form-sdc-field textarea:-webkit-autofill,
.form-sdc-field select:-webkit-autofill {
    /* Questo comando forza il colore del testo anche se il browser vuole metterlo nero */
    -webkit-text-fill-color: #85868c !important;
    
    /* Se vuoi anche togliere lo sfondo giallo che mette Chrome: */
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    transition: background-color 5000s ease-in-out 0s;
}