/**
 * Partitur — the editor canvas.
 *
 * Loaded through enqueue_block_assets, so it reaches the editor iframe and the
 * front end both. The block styles themselves live in theme.css and are shared;
 * this file carries only what the canvas needs and the page does not — the
 * measure, the heading scale, and a hint of what each block style will look
 * like once it is on the page.
 */

.editor-styles-wrapper {
	background: var(--pt-paper, #fcfaf5);
	color: var(--pt-body, #26231d);
	font-family: var(--pt-serif, "EB Garamond", Georgia, serif);
	font-size: 18px;
	line-height: 1.78;
}

.editor-styles-wrapper .wp-block {
	max-width: 680px;
}

.editor-styles-wrapper .wp-block[data-align="wide"] {
	max-width: 1072px;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4 {
	font-family: var(--pt-serif, "EB Garamond", Georgia, serif);
	font-weight: 400;
	color: var(--pt-ink, #191713);
}

.editor-styles-wrapper h2 {
	font-size: 34px;
	line-height: 1.2;
}

.editor-styles-wrapper h3 {
	font-size: 26px;
	line-height: 1.25;
	font-weight: 500;
}

.editor-styles-wrapper a {
	color: var(--pt-wine, #7a2733);
}

/* -------------------------------------------------------------------------
   Block styles in the canvas
   ---------------------------------------------------------------------- */

.editor-styles-wrapper .wp-block-separator.is-style-pt-stave {
	border: 0;
	height: 25px;
	width: 100%;
	max-width: none;
	background-image: repeating-linear-gradient(to bottom, var(--pt-rule, #dcd6c9) 0 1px, transparent 1px 6px);
	opacity: 1;
}

.editor-styles-wrapper .wp-block-separator.is-style-pt-stave-half {
	border: 0;
	height: 11px;
	width: 100%;
	max-width: none;
	background-image: repeating-linear-gradient(to bottom, var(--pt-rule, #dcd6c9) 0 1px, transparent 1px 5px);
	opacity: 1;
}

.editor-styles-wrapper .wp-block-quote,
.editor-styles-wrapper .wp-block-quote.is-style-pt-pull,
.editor-styles-wrapper .wp-block-pullquote.is-style-pt-pull {
	border-left: 2px solid var(--pt-wine, #7a2733);
	border-top: 0;
	border-bottom: 0;
	padding: 8px 0 8px 22px;
	font-size: 24px;
	font-style: italic;
	line-height: 1.5;
	color: var(--pt-ink, #191713);
	text-align: left;
	background: none;
}

.editor-styles-wrapper .wp-block-group.is-style-pt-practical {
	background: var(--pt-leaf, #f0ede3);
	padding: 24px 26px;
}

.editor-styles-wrapper .wp-block-list.is-style-pt-rehearsal {
	list-style: none;
	padding-left: 0;
	counter-reset: pt-rehearsal;
}

.editor-styles-wrapper .wp-block-list.is-style-pt-rehearsal > li {
	position: relative;
	padding-left: 44px;
	margin: 0 0 18px;
	min-height: 26px;
	counter-increment: pt-rehearsal;
}

.editor-styles-wrapper .wp-block-list.is-style-pt-rehearsal > li::before {
	content: counter(pt-rehearsal, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 0.18em;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: inset 0 0 0 1.5px var(--pt-ink, #191713);
	font-family: var(--pt-mono, monospace);
	font-size: 12px;
	line-height: 1;
}

.editor-styles-wrapper .wp-block-image.is-style-pt-plate figcaption {
	font-family: var(--pt-mono, monospace);
	font-size: 11px;
	color: var(--pt-dim, #928b7c);
	border-bottom: 1px solid var(--pt-rule, #dcd6c9);
	padding-bottom: 14px;
	text-align: left;
}

/* The theme sets the drop cap itself on the first paragraph of every guide.
   Showing it in the canvas too means what an editor sees is what publishes. */
.editor-styles-wrapper .block-editor-block-list__layout > p.wp-block-paragraph:first-of-type::first-letter {
	float: left;
	font-size: 64px;
	line-height: 0.78;
	padding: 6px 10px 0 0;
	color: var(--pt-wine, #7a2733);
}