/*
 * ============================================================
 *  CSS Bridge: YOOtheme Pro → Bit Form  [v2 — selettori reali]
 *  Contenitore: #bitforms_1_20_1
 *  Classi stabili Bit Form: bf-fld, bf-lbl, bf-btn, ecc.
 *  Da incollare in: Bit Form → Builder Settings → Custom CSS
 * ============================================================
 */

/* ── INPUT, TEXTAREA, SELECT ─────────────────────────────── */

#bitforms_1_20_1 .bf-fld,
#bitforms_1_20_1 input.bf-fld,
#bitforms_1_20_1 textarea.bf-fld,
#bitforms_1_20_1 select.bf-fld {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    color: #334077 !important;
    background-color: #FFFFFF !important;
    border: 3px solid #e4e5ea !important;
    border-radius: 10px !important;
    box-shadow: 0 0 17px 0 rgba(169, 131, 229, 0.15), inset 0 0 10px 1px rgba(169, 131, 229, 0.08) !important;
    padding: 10px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* ── FOCUS ────────────────────────────────────────────────── */

#bitforms_1_20_1 .bf-fld:focus,
#bitforms_1_20_1 input.bf-fld:focus,
#bitforms_1_20_1 textarea.bf-fld:focus,
#bitforms_1_20_1 select.bf-fld:focus {
    border-color: #8397D0 !important;
    box-shadow: 0 0 17px 0 rgba(169, 131, 229, 0.4) !important;
    outline: none !important;
}

/* ── LABEL ────────────────────────────────────────────────── */

#bitforms_1_20_1 .bf-lbl {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #334077 !important;
    display: block !important;
    margin-bottom: 6px !important;
}

/* ── ASTERISCO CAMPO OBBLIGATORIO ─────────────────────────── */

#bitforms_1_20_1 .bf-req-smbl {
    color: #8397D0 !important;
    margin-left: 2px !important;
}

/* ── PLACEHOLDER ──────────────────────────────────────────── */

#bitforms_1_20_1 .bf-fld::placeholder {
    color: #8397D0 !important;
    opacity: 0.7 !important;
}

/* ── PULSANTE SUBMIT ──────────────────────────────────────── */

#bitforms_1_20_1 .bf-btn[type="submit"] {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    background: linear-gradient(40deg, #171D39 0%, #334077 45%, #8397D0 70%, #C9D1E8 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 28px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15) !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.25s ease, box-shadow 0.25s ease !important;
}

#bitforms_1_20_1 .bf-btn[type="submit"]:hover {
    background: linear-gradient(40deg, #334077 0%, #8397D0 45%, #C9D1E8 70%, #C9D1E8 100%) !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.2), 0 5px 15px rgba(0, 0, 0, 0.15) !important;
}

#bitforms_1_20_1 .bf-btn[type="submit"]:active {
    background: linear-gradient(40deg, #334077 0%, #8397D0 45%, #C9D1E8 70%, #C9D1E8 100%) !important;
    box-shadow: inset 0 0 10px 1px rgba(255, 255, 255, 0.8) !important;
}

/* ── WRAPPER CAMPO ────────────────────────────────────────── */

#bitforms_1_20_1 .bf-fld-wrp {
    margin-bottom: 16px !important;
}

/* ── MESSAGGIO DI ERRORE ──────────────────────────────────── */

#bitforms_1_20_1 .bf-err-msg,
#bitforms_1_20_1 .bf-err-txt {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    color: #8397D0 !important;
}

/* ── CONTENITORE GENERALE ─────────────────────────────────── */

#bitforms_1_20_1 {
    background-color: transparent !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #334077 !important;
}