/*
 * Citizen - Recent Changes Styles
 * https://starcitizen.tools
*/

@import '../../../resources/variables.less';

/*!
 * Styling for Special:Watchlist and Special:RecentChanges
 */
.rcoptions {
	padding: 0;
	border: 0;
	margin: @content-margin-top * 2 0;

	legend {
		width: 100%;
		padding: @margin-side / 2 0;
		border-bottom: 1px solid var( --border-color-base );
		margin-bottom: @margin-side / 2;
		font-size: @content-small-text-size;
	}
}

.mw-plusminus {
	&-pos {
		color: var( --color-success );
	}

	&-minus {
		color: var( --color-destructive );
	}

	&-null {
		color: var( --color-base--subtle );
	}
}

.mw-changeslist {
	.comment {
		color: var( --color-base--subtle );
	}

	// Need additional parent to override
	.mw-changeslist-legend {
		border-color: var( --border-color-base );
		border-radius: var( --border-radius--small );
		background-color: var( --background-color-framed );
	}

	.mw-tag-markers {
		.mw-tag-marker {
			color: var( --color-base--subtle );
		}
	}
}

// Need additional parent to override
.citizen-body {
	.mw-changeslist h4 {
		padding: @margin-side / 2 0;
		border-bottom: 1px solid var( --border-color-base );
		color: var( --color-base--subtle );
		font-size: @content-caption-size;
		font-weight: var( --font-weight-normal );
		letter-spacing: 0.05em;
	}
}

.client-js .mw-recentchanges-toplinks:not( .mw-recentchanges-toplinks-collapsed ) {
	border-color: var( --border-color-base );
}