/*!
 * VisualEditor MediaWiki Initialization DesktopArticleTarget Vector skin styles.
 *
 * @copyright 2011-2017 VisualEditor Team and others; see AUTHORS.txt
 * @license The MIT License (MIT); see LICENSE.txt
 */

.ve-activated .vectorTabs .selected {
	box-shadow: inset 0 -1px 0 #a7d7f9;
}

.ve-init-mw-target-surface {
	/*
	In order to allow placing the text cursor to the start or end of the text by
	clicking in the margin area, we expand the outer boundary of the surface
	outside the parent container using negative margin. Then we shrink the visible
	rendering by applying inner padding. The end result is that the content is
	the same width as in read mode, except with the padding around it now being
	part of it instead of its parent, thus making it treat the area as part
	of content editable.
	*/
	/* 1/0.875 */
	margin: 0 -1.14286em;
}

.ve-deactivating .ve-init-mw-desktopArticleTarget-originalContent,
.ve-activated .ve-init-mw-desktopArticleTarget-originalContent {
	padding-top: 1em;
}

.ve-init-mw-target-surface .ve-ce-documentNode,
.ve-init-mw-target-surface .ve-ui-surface-placeholder {
	padding: 0 1.14286em; /* 1/0.875 */
}

.mw-body .ve-init-mw-target-surface .ve-ui-surface-placeholder > * {
	/* Fix margin overlap */
	margin-top: 0;
	/* Placeholder doesn't need a border as well */
	border: 0;
}

.ve-ui-overlay .mw-body-content {
	/* Fix font-size for surfaces inside UI overlays */
	font-size: 1.09375em; /* 0.875/0.8 */
}

.ve-init-mw-desktopArticleTarget-toolbar {
	/* 1/0.8 */
	margin: -1.25em -1.25em 0 -1.25em;
	position: relative;
}

/* All debug bars (includes target widgets) */
.ve-ui-debugBar {
	border-top: 1px solid #ccc;
	box-shadow: 0 10px 10px -10px rgba( 0, 0, 0, 0.15 ) inset;
}

.ve-ui-debugBar ol {
	margin-left: 0;
}

.oo-ui-actionWidget a:hover {
	text-decoration: none;
}

/* Main document debug bar */
.ve-init-mw-target-surface > .ve-ui-debugBar {
	/* 1/0.8 */
	padding: 1.25em;
	padding-bottom: 0;
	margin-top: 1.25em;
}

/* ve.ce.TableCellnode.css's margin replaced by more specific rule in Vector (div#content p) */
#content .ve-ce-tableCellNode .ve-ce-paragraphNode { /* stylelint-disable-line selector-no-id */
	margin: 0;
}

/* High-definition-specific styles (because Vector adds 1em to the leftNav if width is 982px+ */
@media screen and ( min-width: 982px ) {
	.ve-init-mw-target-surface {
		/* 1.5/0.875 */
		margin: 0 -1.71429em;
	}

	.ve-deactivating .ve-init-mw-desktopArticleTarget-originalContent,
	.ve-activated .ve-init-mw-desktopArticleTarget-originalContent {
		padding-top: 1.25em;
	}

	.ve-init-mw-target-surface .ve-ce-documentNode,
	.ve-init-mw-target-surface .ve-ui-surface-placeholder {
		padding: 0 1.71429em; /* surface-margin-left (1.5em) / (mw-body-content font-size) 0.875em */
	}

	.ve-init-mw-desktopArticleTarget-toolbar {
		/* 1.25/0.8, 1.5/0.8 */
		margin: -1.5625em -1.875em 0 -1.875em;
	}

	/* Main document debug bar */
	.ve-init-mw-target-surface > .ve-ui-debugBar {
		/* 1/0.8, 1.5/0.8 */
		padding: 1.875em;
		padding-bottom: 0;
		margin-top: 1.875em;
	}
}

/* Prevent the progress bar from overlaying the welcome dialog */
.ve-init-mw-desktopArticleTarget-windowManager-welcome .oo-ui-dialog {
	z-index: 2;
}