/* MineJobs binary yes/no component - scoped only to yes/no controls and badges. */
:root{
	--mj-binary-yes:#0b6cff;
	--mj-binary-yes-glow:rgba(11,108,255,.24);
	--mj-binary-no:#ef4444;
	--mj-binary-no-glow:rgba(239,68,68,.18);
	--mj-binary-idle:#a8b3c4;
	--mj-binary-idle-hover:#7f8ea4;
}

.mj-binary-control{
	display:inline-flex;
	align-items:center;
	gap:18px;
	direction:rtl;
}
.mj-binary-control__input{
	position:absolute !important;
	opacity:0 !important;
	pointer-events:none !important;
	width:1px !important;
	height:1px !important;
}
.mj-binary-control__btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:54px;
	height:54px;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	color:var(--mj-binary-idle) !important;
	cursor:pointer;
	transition:transform .18s ease, color .18s ease, filter .18s ease, opacity .18s ease;
}
.mj-binary-control__icon,
.mj-binary-badge__icon{
	display:block;
	width:100%;
	height:100%;
	background-color:currentColor;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-size:contain;
	mask-size:contain;
}
.mj-binary-control__btn--yes .mj-binary-control__icon,
.mj-binary-badge--yes .mj-binary-badge__icon{
	-webkit-mask-image:url('../images/minejobs-binary/yes.png');
	mask-image:url('../images/minejobs-binary/yes.png');
}
.mj-binary-control__btn--no .mj-binary-control__icon,
.mj-binary-badge--no .mj-binary-badge__icon{
	-webkit-mask-image:url('../images/minejobs-binary/no.png');
	mask-image:url('../images/minejobs-binary/no.png');
}
.mj-binary-control__btn em,
.mj-binary-badge__text{
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	padding:0 !important;
	margin:-1px !important;
	overflow:hidden !important;
	clip:rect(0,0,0,0) !important;
	white-space:nowrap !important;
	border:0 !important;
}
.mj-binary-control__btn:hover{
	transform:translateY(-1px);
	color:var(--mj-binary-idle-hover) !important;
}
.mj-binary-control__input:focus + .mj-binary-control__btn{
	outline:0;
}
.mj-binary-control__input:checked + .mj-binary-control__btn--yes{
	color:var(--mj-binary-yes) !important;
	opacity:1 !important;
	filter:drop-shadow(0 0 1px rgba(11,108,255,.52)) drop-shadow(0 0 5px rgba(11,108,255,.24));
}
.mj-binary-control__input:checked + .mj-binary-control__btn--no{
	color:var(--mj-binary-no) !important;
	opacity:1 !important;
	filter:drop-shadow(0 0 1px rgba(239,68,68,.44)) drop-shadow(0 0 5px rgba(239,68,68,.18));
}

.mj-binary-badge{
	position:relative;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:35px;
	height:35px;
	min-width:35px;
	vertical-align:middle;
	background:transparent !important;
	border:0 !important;
	border-radius:0 !important;
	box-shadow:none !important;
	color:var(--mj-binary-idle) !important;
	line-height:1;
}
.mj-binary-badge__icon{
	width:35px;
	height:35px;
}
.mj-binary-badge--yes{
	color:var(--mj-binary-yes) !important;
	opacity:1 !important;
	filter:drop-shadow(0 0 1px rgba(11,108,255,.52)) drop-shadow(0 0 5px rgba(11,108,255,.24));
}
.mj-binary-badge--no{
	color:var(--mj-binary-no) !important;
	opacity:1 !important;
	filter:drop-shadow(0 0 1px rgba(239,68,68,.44)) drop-shadow(0 0 5px rgba(239,68,68,.18));
}

.mjj-custom-info-item strong .mj-binary-badge,
.mjj-overview-item strong .mj-binary-badge,
.job-custom-fields .mj-binary-badge,
.mjj-binary-line__icon .mj-binary-badge{
	margin:0 !important;
}

.mjj-custom-info-item--binary,
.mjj-overview-item--binary{
	display:flex !important;
	align-items:center !important;
	justify-content:flex-start !important;
	direction:rtl !important;
	text-align:right !important;
	gap:0 !important;
}
.mjj-display--single:not(.mjj-display--archive-preview) .mjj-custom-info-item--binary,
.mjj-display--archive-preview .mjj-custom-info-item--binary{
	grid-template-columns:none !important;
}
.mjj-custom-info-item--binary .mjj-binary-line,
.mjj-overview-item--binary .mjj-binary-line{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:flex-start !important;
	direction:rtl !important;
	gap:24px !important;
	width:auto !important;
	min-width:0 !important;
	max-width:100% !important;
	color:inherit;
}
.mjj-custom-info-item--binary .mjj-binary-line__label,
.mjj-overview-item--binary .mjj-binary-line__label{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:flex-start !important;
	direction:rtl !important;
	gap:8px !important;
	white-space:nowrap !important;
	color:#748198 !important;
	font-weight:900 !important;
	line-height:1.4 !important;
}
.mjj-custom-info-item--binary .mjj-binary-line__label i,
.mjj-overview-item--binary .mjj-binary-line__label i{
	color:var(--mjj-primary, #0e6bff) !important;
}
.mjj-custom-info-item--binary .mjj-binary-line__icon,
.mjj-overview-item--binary .mjj-binary-line__icon{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex:0 0 auto !important;
}
.mjj-custom-info-item--binary .mjj-binary-readable,
.mjj-overview-item--binary .mjj-binary-readable{
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	padding:0 !important;
	margin:-1px !important;
	overflow:hidden !important;
	clip:rect(0,0,0,0) !important;
	white-space:nowrap !important;
	border:0 !important;
}

@media (max-width: 767px){
	.mj-binary-control{
		gap:14px;
	}
	.mj-binary-control__btn{
		width:48px;
		height:48px;
	}
	.mj-binary-badge{
		width:31px;
		height:31px;
		min-width:31px;
	}
	.mj-binary-badge__icon{
		width:31px;
		height:31px;
	}
	.mjj-custom-info-item--binary .mjj-binary-line,
	.mjj-overview-item--binary .mjj-binary-line{
		gap:18px !important;
	}
}

/* Specificity lock: override the single/archive detail grid only for yes/no rows. */
.mjj-display--single:not(.mjj-display--archive-preview) .mjj-custom-info-item--binary,
.mjj-display--archive-preview .mjj-custom-info-item--binary,
.mjj-display--single:not(.mjj-display--archive-preview) .mjj-overview-item--binary,
.mjj-display--archive-preview .mjj-overview-item--binary{
	display:flex !important;
	align-items:center !important;
	justify-content:flex-start !important;
	direction:rtl !important;
	text-align:right !important;
	grid-template-columns:none !important;
}


/* Brand-color lock for job single/detail usage. */
.mjj-binary-line__icon .mj-binary-badge--yes,
.mjj-custom-info-item--binary .mj-binary-badge--yes,
.mjj-overview-item--binary .mj-binary-badge--yes,
.mj-binary-badge--job-display.mj-binary-badge--yes {
	color: var(--mj-binary-yes) !important;
	filter: drop-shadow(0 0 1px rgba(11,108,255,.56)) drop-shadow(0 0 6px rgba(11,108,255,.26)) !important;
}
.mjj-binary-line__icon .mj-binary-badge--no,
.mjj-custom-info-item--binary .mj-binary-badge--no,
.mjj-overview-item--binary .mj-binary-badge--no,
.mj-binary-badge--job-display.mj-binary-badge--no {
	color: var(--mj-binary-no) !important;
	filter: drop-shadow(0 0 1px rgba(239,68,68,.46)) drop-shadow(0 0 5px rgba(239,68,68,.18)) !important;
}
.mjj-binary-line__icon .mj-binary-badge__icon,
.mjj-custom-info-item--binary .mj-binary-badge__icon,
.mjj-overview-item--binary .mj-binary-badge__icon {
	opacity: 1 !important;
}


/* v6: hard-lock the actual masked icon color, not only the wrapper color.
   Job detail cards have generic span color rules; these rules intentionally
   override them so the icon cannot fall back to gray. */
.mj-binary-control__btn--yes .mj-binary-control__icon,
.mj-binary-badge--yes .mj-binary-badge__icon,
.mjj-custom-info-item--binary .mj-binary-badge--yes .mj-binary-badge__icon,
.mjj-overview-item--binary .mj-binary-badge--yes .mj-binary-badge__icon,
.mjj-binary-line__icon .mj-binary-badge--yes .mj-binary-badge__icon,
.mj-binary-badge--job-display.mj-binary-badge--yes .mj-binary-badge__icon {
	color: #0b6cff !important;
	background-color: #0b6cff !important;
	opacity: 1 !important;
	filter: drop-shadow(0 0 1px rgba(11,108,255,.48)) drop-shadow(0 0 5px rgba(11,108,255,.22)) !important;
}
.mj-binary-control__btn--no .mj-binary-control__icon,
.mj-binary-badge--no .mj-binary-badge__icon,
.mjj-custom-info-item--binary .mj-binary-badge--no .mj-binary-badge__icon,
.mjj-overview-item--binary .mj-binary-badge--no .mj-binary-badge__icon,
.mjj-binary-line__icon .mj-binary-badge--no .mj-binary-badge__icon,
.mj-binary-badge--job-display.mj-binary-badge--no .mj-binary-badge__icon {
	color: #ff245d !important;
	background-color: #ff245d !important;
	opacity: 1 !important;
	filter: drop-shadow(0 0 1px rgba(255,36,93,.40)) drop-shadow(0 0 5px rgba(255,36,93,.16)) !important;
}
.mjj-custom-info-item--binary .mjj-binary-line__icon,
.mjj-overview-item--binary .mjj-binary-line__icon {
	color: inherit !important;
	isolation: isolate;
}