// Ensure there is only 1 page tools landmark at anytime
.vector-page-tools-landmark {
	.vector-page-tools-pinned #vector-page-tools-unpinned-container &,
	.vector-page-tools-unpinned #vector-page-tools-pinned-container & {
		display: none;
	}
}

.vector-page-tools-pinnable-element {
	.vector-menu-heading {
		.mixin-vector-dropdown-menu-item();
		.mixin-vector-menu-heading();
	}

	.mw-list-item {
		a {
			.mixin-vector-dropdown-menu-item();
			white-space: nowrap;
			color: @color-link;
		}
	}

	/**
 	* Styles applying to all items in the pinned column.
 	*/
	#vector-page-tools-pinned-container & {
		padding-left: 45px;
		width: 140px;

		// Make the heading border line up with the edge of the text
		// (Whereas in a dropdown, the border lines up with the edge of the dropdown container).
		.vector-menu-heading,
		.mw-list-item a {
			padding-left: 0;
			padding-right: 0;
		}
	}

	.vector-pinnable-header {
		padding: @padding-vertical-tabs;
	}
}

// FIXME: Remove the following selector when page tools feature is on by default, needed for LegacyMoreDropdown
.vector-feature-page-tools-disabled .vector-page-tools-landmark,
.vector-page-tools-pinnable-element {
	// Ensure collapsible items are visible on lower resolutions
	.vector-more-collapsible-item {
		display: block;

		@media ( min-width: @min-width-tablet ) {
			display: none;
		}
	}

	// Make sure pcactions is displayed on lower resolutions (even if .emptyPortlet present)
	.vector-has-collapsible-items {
		@media ( max-width: @max-width-mobile ) {
			display: block;
		}
	}
}