/* Dalog Job Application form — matches the /contact-us FluentForm style (underline inputs).
   Scoped to .dalog-application-form so it applies to the "Job Application" form and its
   copies, regardless of form ID or how it is embedded (shortcode, Elementor widget...). */

/* Fluid layout — never overflow on mobile (the <fieldset> default min-width:min-content
   was forcing a fixed width). */
.dalog-application-form,
.dalog-application-form fieldset { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
.dalog-application-form fieldset { margin: 0; padding: 0; border: 0; }
.fluentform-widget-wrapper:has(.dalog-application-form) { max-width: 100% !important; }
.dalog-application-form .ff-el-form-control,
.dalog-application-form input,
.dalog-application-form textarea,
.dalog-application-form select { max-width: 100%; box-sizing: border-box; }

.dalog-application-form .ff-el-group { margin-bottom: 22px; }

/* Labels (same as contact-us: 700 / 16px / #575756) */
.dalog-application-form .ff-el-input--label label,
.dalog-application-form .ff-el-input--label > label { font-weight: 700; color: #575756; font-size: 16px; margin-bottom: 6px; }
.dalog-application-form .ff-el-is-required.asterisk-right label:after { color: #e23b3b; }

/* Text / email / phone / select / textarea: underline only (exact contact-us values) */
.dalog-application-form .ff-el-form-control {
	border: 0 !important;
	border-bottom: 1px solid #dadbdd !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	padding: 11px 2px !important;
	font-size: 16px;
	color: #575756;
	width: 100%;
}
.dalog-application-form .ff-el-form-control:focus { border-bottom-color: #004393 !important; box-shadow: none !important; outline: none; }
.dalog-application-form .ff-el-form-control::placeholder { color: #9aa1ad; }

/* File upload: keep label above, underline row with a "+" on the right */
.dalog-application-form .ff-el-input--content .ff-el-file,
.dalog-application-form .ff_file_upload_holder { display: block; width: 100%; }
.dalog-application-form .ff_file_upload_holder { position: relative; border-bottom: 1px solid #dadbdd; }
.dalog-application-form .ff_upload_btn.ff-btn {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: transparent !important;
	width: 100%;
	display: block;
	text-align: left;
	padding: 10px 2px !important;
	min-height: 40px;
	cursor: pointer;
}
.dalog-application-form .ff_file_upload_holder:after {
	content: "+";
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 30px;
	line-height: 1;
	color: #1f2a37;
	font-weight: 300;
	pointer-events: none;
}
.dalog-application-form .ff-uploaded-list { margin-top: 6px; }

/* Submit: full width, brand navy #004393, rounded */
.dalog-application-form .ff_submit_btn_wrapper { text-align: center; margin-top: 8px; }
.dalog-application-form .ff-btn-submit {
	width: 100%;
	max-width: 100%;
	background: #004393 !important;
	border-color: #004393 !important;
	color: #fff !important;
	border-radius: 30px !important;
	padding: 15px 24px !important;
	font-size: 18px !important;
	font-weight: 600;
}
.dalog-application-form .ff-btn-submit:hover { background: #00336f !important; border-color: #00336f !important; }

/* When embedded via the native FluentForm Elementor widget, it bakes the default blue
   (#1a7efb) with high specificity + !important. Override it (id-agnostic, high specificity). */
.elementor-widget-fluent-form-widget .fluentform-widget-wrapper .dalog-application-form .ff-el-group.ff_submit_btn_wrapper .ff-btn-submit.ff-btn-submit.ff-btn {
	background: #004393 !important;
	border-color: #004393 !important;
	color: #fff !important;
}
.elementor-widget-fluent-form-widget .fluentform-widget-wrapper .dalog-application-form .ff-el-group.ff_submit_btn_wrapper .ff-btn-submit.ff-btn-submit.ff-btn:hover {
	background: #00336f !important;
	border-color: #00336f !important;
}

/* Terms / marketing checkboxes */
.dalog-application-form .ff-el-form-check.ff-el-tc { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 16px; padding-left: 6px; }
.dalog-application-form .ff_tc_checkbox { width: 18px; height: 18px; margin-top: 3px; accent-color: #004393; flex: 0 0 auto; }
.dalog-application-form .ff_tc_label { color: #6b7280; font-size: 15px; line-height: 1.5; }
.dalog-application-form .ff_tc_label a { color: #374151; text-decoration: underline; }