/* ============================================================
   BPO Enquiry Form v1.1 — professional dark/light themes
   High specificity + !important to defeat theme/Elementor CSS
   ============================================================ */
.bpoef-wrap{position:relative;width:100% !important;max-width:100% !important;margin:0 !important;box-sizing:border-box;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important}
.bpoef-wrap *,.bpoef-wrap *::before,.bpoef-wrap *::after{box-sizing:border-box !important}

/* ---------- Card ---------- */
.bpoef-wrap form.bpoef-form,
.bpoef-wrap .bpoef-success-panel{
	display:block !important;width:100% !important;margin:0 !important;
	padding:32px 30px !important;border-radius:16px !important;text-align:left !important;
}
.bpoef-dark form.bpoef-form{
	background:linear-gradient(160deg,#0e2c52 0%,#0b2545 55%,#081c36 100%) !important;
	border:1px solid rgba(240,200,105,.25) !important;
	box-shadow:0 10px 40px rgba(0,0,0,.35) !important;
}
.bpoef-light form.bpoef-form{
	background:#ffffff !important;border:1px solid #e5e7eb !important;
	box-shadow:0 8px 30px rgba(0,0,0,.10) !important;
}

/* ---------- Header ---------- */
.bpoef-form .bpoef-head{margin:0 0 22px 0 !important;padding:0 0 18px 0 !important;border-bottom:1px solid rgba(240,200,105,.2) !important}
.bpoef-light .bpoef-form .bpoef-head{border-bottom-color:#eef0f3 !important}
.bpoef-form .bpoef-title{font-size:14px !important;font-weight:500 !important;line-height:1.6 !important;letter-spacing:.2px}
.bpoef-dark .bpoef-form .bpoef-title{color:#c6d3e2 !important}
.bpoef-light .bpoef-form .bpoef-title{color:#5b6b7c !important}
.bpoef-form .bpoef-title .bpoef-hl{font-size:24px !important;font-weight:800 !important;letter-spacing:.4px}
.bpoef-dark .bpoef-form .bpoef-title .bpoef-hl{color:#f0c869 !important}
.bpoef-light .bpoef-form .bpoef-title .bpoef-hl{color:#0b2545 !important}
.bpoef-form .bpoef-sub{margin-top:6px !important;font-size:13.5px !important;line-height:1.5 !important}
.bpoef-dark .bpoef-form .bpoef-sub{color:#c6d3e2 !important}
.bpoef-light .bpoef-form .bpoef-sub{color:#5b6b7c !important}

/* ---------- Fields ---------- */
.bpoef-form .bpoef-field{display:block !important;width:100% !important;margin:0 0 16px 0 !important;padding:0 !important;float:none !important}
.bpoef-form .bpoef-field label{
	display:block !important;width:100% !important;margin:0 0 7px 0 !important;padding:0 !important;
	font-size:13px !important;font-weight:600 !important;line-height:1.4 !important;
	letter-spacing:.3px;text-align:left !important;float:none !important;text-transform:none !important;
}
.bpoef-dark .bpoef-form .bpoef-field label{color:#e8eef5 !important}
.bpoef-light .bpoef-form .bpoef-field label{color:#0b2545 !important}
.bpoef-form .bpoef-field label span{color:#ff8a80 !important}
.bpoef-light .bpoef-form .bpoef-field label span{color:#d63638 !important}

.bpoef-form .bpoef-input-wrap{position:relative !important;display:block !important;width:100% !important}
.bpoef-form .bpoef-ico{
	position:absolute !important;left:14px;top:50%;transform:translateY(-50%);
	width:17px;height:17px;pointer-events:none;line-height:0;
}
.bpoef-form .bpoef-ico svg{width:17px;height:17px;display:block}
.bpoef-dark .bpoef-form .bpoef-ico{color:#8fa3ba !important}
.bpoef-light .bpoef-form .bpoef-ico{color:#94a3b8 !important}
.bpoef-form .bpoef-input-wrap.bpoef-ta .bpoef-ico{top:16px;transform:none}

.bpoef-form .bpoef-input-wrap input,
.bpoef-form .bpoef-input-wrap textarea{
	display:block !important;width:100% !important;min-height:46px !important;
	margin:0 !important;padding:12px 14px 12px 42px !important;
	border-radius:9px !important;font-size:15px !important;line-height:1.4 !important;
	float:none !important;box-shadow:none !important;
	transition:border-color .15s,box-shadow .15s,background .15s;
}
.bpoef-form .bpoef-input-wrap textarea{min-height:110px !important;resize:vertical !important}

.bpoef-dark .bpoef-form .bpoef-input-wrap input,
.bpoef-dark .bpoef-form .bpoef-input-wrap textarea{
	background:rgba(255,255,255,.07) !important;
	border:1px solid rgba(255,255,255,.18) !important;color:#f2f6fa !important;
}
.bpoef-dark .bpoef-form input::placeholder,.bpoef-dark .bpoef-form textarea::placeholder{color:#7d90a8 !important;opacity:1 !important}
.bpoef-dark .bpoef-form .bpoef-input-wrap input:focus,
.bpoef-dark .bpoef-form .bpoef-input-wrap textarea:focus{
	outline:none !important;background:rgba(255,255,255,.11) !important;
	border-color:#f0c869 !important;box-shadow:0 0 0 3px rgba(240,200,105,.18) !important;
}

.bpoef-light .bpoef-form .bpoef-input-wrap input,
.bpoef-light .bpoef-form .bpoef-input-wrap textarea{
	background:#f8fafc !important;border:1px solid #cbd5e1 !important;color:#1e293b !important;
}
.bpoef-light .bpoef-form input::placeholder,.bpoef-light .bpoef-form textarea::placeholder{color:#94a3b8 !important;opacity:1 !important}
.bpoef-light .bpoef-form .bpoef-input-wrap input:focus,
.bpoef-light .bpoef-form .bpoef-input-wrap textarea:focus{
	outline:none !important;background:#fff !important;
	border-color:#0b2545 !important;box-shadow:0 0 0 3px rgba(11,37,69,.14) !important;
}

.bpoef-form .bpoef-input-wrap input.bpoef-error,
.bpoef-form .bpoef-input-wrap textarea.bpoef-error{border-color:#ff6b62 !important}
.bpoef-form .bpoef-err-msg{display:none;margin-top:5px !important;font-size:12.5px !important;color:#ff8a80 !important}
.bpoef-light .bpoef-form .bpoef-err-msg{color:#d63638 !important}
.bpoef-form .bpoef-err-msg.show{display:block}

.bpoef-form .bpoef-counter{margin-top:4px !important;font-size:11.5px !important;text-align:right !important}
.bpoef-dark .bpoef-form .bpoef-counter{color:#7d90a8 !important}
.bpoef-light .bpoef-form .bpoef-counter{color:#94a3b8 !important}

/* ---------- Honeypot ---------- */
.bpoef-form .bpoef-hp{display:none !important;position:absolute !important;left:-9999px !important;width:0 !important;height:0 !important;overflow:hidden !important;opacity:0 !important;pointer-events:none !important}

/* ---------- Button ---------- */
.bpoef-form button.bpoef-btn{
	position:relative;display:flex !important;align-items:center;justify-content:center;gap:10px;
	width:100% !important;margin:6px 0 0 0 !important;padding:15px 20px !important;
	border:none !important;border-radius:9px !important;
	font-size:16px !important;font-weight:700 !important;letter-spacing:.5px !important;
	line-height:1.3 !important;text-transform:uppercase !important;cursor:pointer !important;
	transition:transform .1s,box-shadow .15s,filter .15s;background-image:none !important;
}
.bpoef-dark .bpoef-form button.bpoef-btn{
	background:linear-gradient(135deg,#f5d489 0%,#f0c869 50%,#dfae45 100%) !important;
	color:#0b2545 !important;box-shadow:0 4px 16px rgba(240,200,105,.35) !important;
}
.bpoef-light .bpoef-form button.bpoef-btn{
	background:#0b2545 !important;color:#f0c869 !important;box-shadow:0 4px 14px rgba(11,37,69,.35) !important;
}
.bpoef-form button.bpoef-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.bpoef-form button.bpoef-btn:active{transform:translateY(1px)}
.bpoef-form button.bpoef-btn:disabled{opacity:.65 !important;cursor:not-allowed !important;transform:none !important}

.bpoef-form .bpoef-spinner{display:none;width:18px;height:18px;border-radius:50%;
	border:2.5px solid rgba(11,37,69,.25);border-top-color:#0b2545;animation:bpoefspin .7s linear infinite}
.bpoef-light .bpoef-form .bpoef-spinner{border-color:rgba(240,200,105,.35);border-top-color:#f0c869}
.bpoef-form.bpoef-sending .bpoef-spinner{display:inline-block}
@keyframes bpoefspin{to{transform:rotate(360deg)}}

.bpoef-form .bpoef-privacy{margin-top:12px !important;font-size:11.5px !important;text-align:center !important}
.bpoef-dark .bpoef-form .bpoef-privacy{color:#7d90a8 !important}
.bpoef-light .bpoef-form .bpoef-privacy{color:#94a3b8 !important}

/* ---------- Inline error box ---------- */
.bpoef-form .bpoef-response{display:none;margin:14px 0 0 0 !important;padding:12px 14px !important;border-radius:8px !important;font-size:14px !important;line-height:1.5 !important;text-align:left !important}
.bpoef-form .bpoef-response.error{display:block !important;background:rgba(214,54,56,.12) !important;color:#ff9d96 !important;border:1px solid rgba(214,54,56,.4) !important}
.bpoef-form .bpoef-response.success{display:block !important;background:rgba(46,160,67,.15) !important;color:#7ee2a8 !important;border:1px solid rgba(46,160,67,.45) !important;font-weight:600 !important;text-align:center !important}
.bpoef-light .bpoef-form .bpoef-response.success{background:#ecfdf5 !important;color:#065f46 !important;border-color:#a7f3d0 !important}
.bpoef-light .bpoef-form .bpoef-response.error{background:#fef2f2 !important;color:#991b1b !important;border-color:#fecaca !important}

/* ---------- Responsive ---------- */
@media (max-width:600px){
	.bpoef-wrap form.bpoef-form{padding:22px 18px !important;border-radius:12px !important}
	.bpoef-form .bpoef-title{font-size:19px !important}
}

/* ---------- Compact mode (footer) ---------- */
.bpoef-compact form.bpoef-form{padding:18px 16px !important;border-radius:10px !important;box-shadow:none !important}
.bpoef-compact.bpoef-dark form.bpoef-form{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.12) !important}
.bpoef-compact .bpoef-field{margin-bottom:10px !important}
.bpoef-compact .bpoef-input-wrap input,
.bpoef-compact .bpoef-input-wrap textarea{min-height:40px !important;padding:9px 12px 9px 38px !important;font-size:14px !important;border-radius:7px !important}
.bpoef-compact .bpoef-input-wrap textarea{min-height:72px !important}
.bpoef-compact .bpoef-ico,.bpoef-compact .bpoef-ico svg{width:15px;height:15px}
.bpoef-compact .bpoef-ico{left:12px}
.bpoef-compact button.bpoef-btn{padding:11px 16px !important;font-size:14px !important;border-radius:7px !important;margin-top:2px !important}
.bpoef-compact .bpoef-response{font-size:13px !important;padding:9px 12px !important;margin-top:10px !important}
.bpoef-compact .bpoef-err-msg{font-size:11.5px !important}