/* Ninja Forms skin. Enqueued LAST so these element-level rules win over the
   plugin's own stylesheet. Every rule is !important by design: the plugin ships
   its own layout and a specificity war here is not worth fighting twice.
   No em dashes. */

#bkrp-page .leadform--nf .nf-form-content{padding:0!important;max-width:none!important}
#bkrp-page .leadform--nf .nf-form-title{display:none!important}
#bkrp-page .leadform--nf .nf-form-fields-required{display:none!important}
#bkrp-page .leadform--nf .nf-field-container{margin-bottom:0!important}

/* ONE column, every field full width, including phone and email */
#bkrp-page .leadform--nf .nf-form-layout form>div>div.nf-form-fields-required+*,
#bkrp-page .leadform--nf .nf-form-layout .nf-form-content>nf-fields-wrap,
#bkrp-page .leadform--nf nf-fields-wrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
#bkrp-page .leadform--nf nf-field{display:block!important;width:100%!important}
#bkrp-page .leadform--nf .nf-field{width:100%!important}

#bkrp-page .leadform--nf .nf-field-label label{font:500 14px/1.3 var(--f-body)!important;color:var(--ink)!important;margin-bottom:5px!important}
#bkrp-page .leadform--nf input[type=text],
#bkrp-page .leadform--nf input[type=email],
#bkrp-page .leadform--nf input[type=tel],
#bkrp-page .leadform--nf textarea{font:400 15px/1.4 var(--f-body)!important;padding:12px 13px!important;min-height:47px!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:#fbfcfd!important;color:var(--ink)!important;width:100%!important;box-shadow:none!important}
#bkrp-page .leadform--nf textarea{min-height:88px!important;resize:vertical!important}
#bkrp-page .leadform--nf input:focus,
#bkrp-page .leadform--nf textarea:focus{outline:2px solid var(--steel-2)!important;outline-offset:-1px!important;border-color:var(--steel-2)!important}

#bkrp-page .leadform--nf input[type=button],
#bkrp-page .leadform--nf .nf-field-element input[type=submit]{background:var(--cta)!important;color:#fff!important;border:0!important;border-radius:var(--radius)!important;padding:15px!important;min-height:47px!important;width:100%!important;font:600 15px/1 var(--f-body)!important;cursor:pointer!important}
#bkrp-page .leadform--nf input[type=button]:hover{background:var(--cta-dk)!important;color:#fff!important}

#bkrp-page .leadform--nf .nf-error-msg,
#bkrp-page .leadform--nf .nf-error .nf-error-msg{color:var(--cta-dk)!important;font-size:13px!important}
#bkrp-page .leadform--nf .nf-error input,
#bkrp-page .leadform--nf .nf-error textarea{border-color:var(--cta)!important}
#bkrp-page .leadform--nf .nf-response-msg{border:1px solid var(--line)!important;background:var(--grey)!important;padding:16px!important;color:var(--ink)!important}

/* Success swap: main.js adds .is-sent on nfFormSubmitResponse with no errors. */
#bkrp-page .nf-mount.is-sent .leadform,
#bkrp-page .nf-mount.is-sent .fine{display:none}
#bkrp-page .nf-mount.is-sent .leadform__success{display:block}
#bkrp-page .leadform__success[hidden]{display:none}
#bkrp-page .nf-mount.is-sent .leadform__success[hidden]{display:block}

/* DARK-SECTION GUARD. The closing band is navy and carries the second form card.
   Without this the card's labels and fine print inherit the band's light-on-dark
   colours and the whole form reads as white on white. */
#bkrp-page .band .nf-mount,
#bkrp-page .hero .nf-mount{background:#fff!important}
#bkrp-page .band .nf-mount h2,
#bkrp-page .hero .nf-mount h2{color:var(--ink)!important}
#bkrp-page .band .nf-mount p,
#bkrp-page .hero .nf-mount p{color:var(--ink-2)!important}
#bkrp-page .band .nf-mount a:not(.btn),
#bkrp-page .hero .nf-mount a:not(.btn){color:var(--steel)!important}
#bkrp-page .band .nf-mount .nf-field-label label{color:var(--ink)!important}
#bkrp-page .band .nf-mount input,
#bkrp-page .band .nf-mount textarea{background:#fbfcfd!important;color:var(--ink)!important}
#bkrp-page .band .wrap{align-items:start}
