/*
 * Please do not add any CSS rules here that impact the positioning of the element
 *  e.g. padding, margin, position or float.
 * These instead should live in jquery.makeCollapsible.styles
*/

@import 'mediawiki.skin.variables.less';
@import 'mediawiki.mixins.less';

/* See also jquery.makeCollapsible.js */
.mw-collapsible-toggle {
	float: right;
	.user-select( none );
}

.mw-collapsible-toggle-default {
	// This element is now a button, but it used to be a link, so keep link styles for now
	// (until someone dares to try to change the design).
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;

	.mw-collapsible-text {
		.cdx-mixin-link-base();

		.mw-underline-always & {
			text-decoration: underline;
		}

		.mw-underline-never & {
			text-decoration: none;
		}
	}

	&::before {
		content: '[';
	}

	&::after {
		content: ']';
	}
}

.mw-customtoggle,
.mw-collapsible-toggle {
	cursor: pointer;
}

/* Collapse links in captions should be inline */
caption .mw-collapsible-toggle,
.mw-content-ltr caption .mw-collapsible-toggle,
.mw-content-rtl caption .mw-collapsible-toggle,
.mw-content-rtl .mw-content-ltr caption .mw-collapsible-toggle,
.mw-content-ltr .mw-content-rtl caption .mw-collapsible-toggle {
	float: none;
}