/**
 * Stili per il campo um-job-situation
 * 
 * Stili CSS per il campo di selezione situazione occupazionale
 * Contact Form 7 con Ultimate Member
 * 
 * @since 2025-01-14
 */

/* Campo select situazione occupazionale */
.wpcf7-form-control.wpcf7-select.um-job-situation {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.4;
}

.wpcf7-form-control.wpcf7-select.um-job-situation:focus {
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
    outline: none;
}

/* Errori di validazione */
.wpcf7-form-control.wpcf7-select.um-job-situation.wpcf7-not-valid {
    border-color: #d63638;
}

/* Styling per opzioni first_as_label */
.wpcf7-form-control.wpcf7-select.um-job-situation option:first-child {
    color: #757575;
    font-style: italic;
}

/* Container specifico se necessario */
.cf7-um-job-situation-wrapper {
    margin-bottom: 15px;
}

/* Label required asterisk */
.cf7-um-job-situation-wrapper .required {
    color: #d63638;
    font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
    .wpcf7-form-control.wpcf7-select.um-job-situation {
        font-size: 16px; /* Previene zoom su iOS */
    }
}