/* HTMLForm styles */
@import 'mediawiki.skin.variables.less';
@import 'mediawiki.mixins.less';

.mw-htmlform {
	clear: both;
}

.mw-htmlform .mw-htmlform-hidden-field {
	display: none;
}

table.mw-htmlform-nolabel td.mw-label {
	display: none;
}

.mw-htmlform-invalid-input td.mw-input input {
	border-color: @border-color-error;
}

.mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
	display: inline;
	margin-right: 1em;
	white-space: nowrap;
}

/* HTMLCheckMatrix */
.mw-htmlform-matrix th {
	font-weight: normal;
}

.mw-htmlform-matrix td {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

tr.mw-htmlform-vertical-label td.mw-label {
	text-align: left !important; /* stylelint-disable-line declaration-no-important */
}

.mw-htmlform-tooltip.mw-icon-question {
	margin-left: 4px;
	.cdx-mixin-css-icon(
		@cdx-icon-help-notice, @color-subtle, @size-icon-x-small,
		false, @background-position-base, initial
	);
}

// Hide conditionally-hidden fields only if we have JS enabled (which can show them again when needed)
.client-js .mw-htmlform-hide-if-hidden {
	// Override 'display' properties from any field
	display: none !important; /* stylelint-disable-line declaration-no-important */
}
