/**
 * Flex Recruit – open enrollment (oe_* widget overrides)
 * Part of the per-feature CSS split. Loaded conditionally by Plugin::enqueue_frontend_assets().
 */

/* ── Open Enrollment ──────────────────────────────────────────────────────── */

/* ── Override RecruitNow widget styles ───────────────────────────────────── */

.fr-enrollment .oe_widget input:not([type=file]),
.fr-enrollment .oe_widget textarea,
.fr-enrollment .oe_widget .oe_selector .oe_selectorValue {
	border:        1px solid var(--fr-border) !important;
	border-radius: 8px !important;
	padding:       .65rem .85rem !important;
	font-size:     .95rem !important;
	font-family:   inherit !important;
	color:         var(--fr-dark) !important;
	background:    #fff !important;
	transition:    border-color .15s ease, box-shadow .15s ease !important;
	margin-bottom: 1.25rem !important;
}

.fr-enrollment .oe_widget input:not([type=file]):focus,
.fr-enrollment .oe_widget textarea:focus {
	border-color: var(--fr-primary) !important;
	outline:      none !important;
	box-shadow:   0 0 0 3px rgba(0,154,178,.12) !important;
}

.fr-enrollment .oe_widget input:not([type=file]):hover,
.fr-enrollment .oe_widget textarea:hover,
.fr-enrollment .oe_widget .oe_selector:hover .oe_selectorValue {
	border-color: var(--fr-dark) !important;
}

.fr-enrollment .oe_widget button {
	background:    var(--fr-primary) !important;
	border:        none !important;
	border-radius: 8px !important;
	color:         #fff !important;
	font-family:   inherit !important;
	font-size:     .95rem !important;
	font-weight:   700 !important;
	padding:       .75rem 1.75rem !important;
	cursor:        pointer !important;
	transition:    background .15s ease !important;
	margin-bottom: 1rem !important;
}

.fr-enrollment .oe_widget button:hover {
	background: var(--fr-primary-dark) !important;
}

.fr-enrollment .oe_widget button:focus {
	background:  var(--fr-primary-dark) !important;
	box-shadow:  0 0 0 3px rgba(0,154,178,.25) !important;
	outline:     none !important;
}

.fr-enrollment .oe_widget .oe_blockLabel,
.fr-enrollment .oe_widget .oe_label {
	font-size:   .85rem !important;
	font-weight: 600 !important;
	color:       var(--fr-dark) !important;
	margin-bottom: .4rem !important;
}

.fr-enrollment .oe_widget .oe_help {
	color:     var(--fr-text-muted) !important;
	font-size: .78rem !important;
}

.fr-enrollment .oe_widget .oe_validation {
	color:     #d93025 !important;
	font-size: .78rem !important;
}

.fr-enrollment .oe_widget .oe_required .oe_label:after,
.fr-enrollment .oe_widget .oe_blockRequired .oe_blockLabel:after {
	color: #d93025 !important;
}

.fr-enrollment .oe_widget .oe_validationList {
	background:    #d93025 !important;
	border-radius: 6px !important;
	padding:       .5rem 0 !important;
	margin-bottom: 1rem !important;
}

/* Checkboxes and radios */
.fr-enrollment .oe_widget .oe_radioListElement .oe_label:before,
.fr-enrollment .oe_widget .oe_checkboxListElement .oe_label:before {
	border:        1px solid var(--fr-border) !important;
	border-radius: 4px !important;
}

.fr-enrollment .oe_widget .oe_radioListElement .oe_label:after,
.fr-enrollment .oe_widget .oe_checkboxListElement .oe_label:after {
	background: var(--fr-primary) !important;
}

.fr-enrollment .oe_widget .oe_radioListElement .oe_label:before,
.fr-enrollment .oe_widget .oe_radioListElement .oe_label:after {
	border-radius: 50% !important;
}

/* File uploader */
.fr-enrollment .oe_widget .oe_uploader {
	border:        1px dashed var(--fr-border) !important;
	border-radius: 8px !important;
	background:    var(--fr-bg) !important;
}

.fr-enrollment .oe_widget .oe_uploader .oe_uploaderButton {
	background:    var(--fr-primary) !important;
	border-radius: 6px !important;
	color:         #fff !important;
	font-weight:   700 !important;
}

.fr-enrollment .oe_widget .oe_uploader .oe_uploaderButton:hover {
	background: var(--fr-primary-dark) !important;
}