@import 'mediawiki.mixins';
@import 'mediawiki.ui/variables';

.mw-rcfilters-ui-filterMenuHeaderWidget {
	&-title {
		display: inline-block;
		font-size: 1.2em;
		padding: 0.75em 0 0.75em 0.5em;
		color: @colorGray5;
	}

	&-helpIcon {
		position: absolute;
		top: 50%;
		.transform( translateY( -50% ) );

		// HACK: Following overrides help icon size and centers it
		&.oo-ui-widget.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
			box-sizing: content-box;
			padding: 0;

			.oo-ui-icon-help {
				min-width: initial;
				min-height: initial;
				width: 1.4em;
				height: 1.4em;
				margin-top: 0.2375em;
			}
		}
	}

	&-header {
		border-bottom: 1px solid @colorGray12;
		background-color: @colorGray15;

		&-invert,
		&-highlight {
			width: 1em;
			vertical-align: middle;
			// Using the same padding that the filter item
			// uses, so the button is aligned with the highlight
			// buttons for the filters
			padding-right: 0.5em;
		}

		&-back {
			width: 1em;
			vertical-align: middle;
			padding-left: 0.5em;
		}

		&-title {
			position: relative;
			width: 100%;
			vertical-align: middle;
		}
	}
}