/*!
 * VisualEditor MediaWiki DesktopArticleTarget Vector (2022) skin init styles.
 *
 * @copyright See AUTHORS.txt
 * @license The MIT License (MIT); see LICENSE.txt
 */

// Temporarily disable TOC in edit mode until TOC
// works with both visual and source editors (T294950)
.ve-activated {
	.vector-toc,
	.vector-page-titlebar-toc {
		display: none;
	}
}

.ve-init-mw-desktopArticleTarget-toolbar,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder,
.ve-ui-overlay-local,
.ve-ui-overlay-global,
.ve-ui-sidebarDialogWindowManager,
.ve-ce-surface-interface {
	font-size: 0.875rem;
}

.ve-ce-surface-interface {
	font-family: sans-serif;
}

// Change the default shadow to not leak out from the sides
// (on other skins and in TargetWidgets there are borders that cover it)
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
.ve-init-mw-desktopArticleTarget-toolbar.ve-ui-toolbar > .oo-ui-toolbar-bar {
	box-shadow: 0 2px 1px -1px rgba( 0, 0, 0, 0.1 );
}

// Account for the use of CSS Grid in Vector 2022
// for the 2017 Wikitext editor preview.
// The grid is defined with named grid areas on .mw-body.
.ve-ui-mwSaveDialog-preview {
	.mw-body {
		/* stylelint-disable-next-line selector-class-pattern */
		.firstHeading {
			grid-area: titlebar;
		}

		.mw-body-content {
			grid-area: content;
			font-size: var( --font-size-medium );
			line-height: var( --line-height-content );
		}
	}

	.mw-content-container {
		// Content container has a max-width of 60em * 16px = 960px
		max-width: 960px;
		margin: 0 auto;
	}
}

.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface > .ve-ce-surface .ve-ce-attachedRootNode {
	min-height: 15em;
}

.ve-init-mw-desktopArticleTarget-toolbar {
	// Vector 2022 has no side borders, so there's no need for side padding in toolbar dialogs
	.ve-ui-toolbarDialog-position-above,
	.ve-ui-toolbarDialog-position-below {
		&.ve-ui-toolbarDialog-padded .oo-ui-window-body {
			padding-left: 0;
			padding-right: 0;
		}
	}

	.ve-ui-toolbarDialog-position-side {
		&.ve-ui-toolbarDialog-padded .oo-ui-window-body {
			padding-right: 0;
		}
	}
}
