@import 'mediawiki.mixins';

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
	background: #eaecf0;
	padding-bottom: 0.7em;

	&-header {
		padding: 0 0.75em;
		// Use a high specificity to override OOUI
		.oo-ui-optionWidget.oo-ui-labelElement &-title.oo-ui-labelElement-label {
			color: #54595d;
			.box-sizing( border-box );
			display: inline-block;
		}
	}

	&-whatsThisButton {
		margin-left: 1.5em;

		&.oo-ui-buttonElement > .oo-ui-buttonElement-button {
			font-weight: normal;
			border: 0; // Override OOUI `border` needed for frameless keyboard focus
			padding: 0;

			&:focus {
				box-shadow: none;
				outline: 0;
			}
		}

		&-popup-content {
			padding: 1em;

			&-header {
				font-weight: bold;
				margin-bottom: 1em;
			}

			&-link {
				margin: 1em 0;
			}

			.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
				margin-left: 0;
			}
		}
	}

	&-active {
		.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title {
			font-weight: bold;
		}
	}
}
