/* Blockquote designer — see inc/blockquote.php. Style chosen by the
   body class nonotami-bq-{1..4}; color/width come from CSS vars. */

.entry-content blockquote {
	position: relative;
	width: var( --nonotami-bq-width, 80% );
	margin: 0 auto;
	padding: 0 0 0 1.5rem;
	border: 0;
	font-style: italic;
	box-sizing: border-box;
}

.entry-content blockquote > :first-child { margin-top: 0; }
.entry-content blockquote > :last-child { margin-bottom: 0; }

/* Bound to the paragraph spacing rules (inc/spacing.php) — a blockquote
   counts as a plain paragraph on either side of it, no rules of its own. */
.entry-content p + blockquote,
.entry-content blockquote + blockquote { margin-top: var( --nonotami-spacing-p-p ); }
.entry-content :is( h1, h2, h3, h4, h5, h6 ) + blockquote { margin-top: var( --nonotami-spacing-h-p ); }
.entry-content blockquote + p { margin-top: var( --nonotami-spacing-p-p ); }
.entry-content blockquote + :is( h1, h2, h3, h4, h5, h6 ) { margin-top: var( --nonotami-spacing-p-h ); }

/* 1 — thin left bar */
.nonotami-bq-1 .entry-content blockquote {
	border-left: 8px solid var( --nonotami-bq-color, #b02a37 );
}

/* 2 — huge opening quote mark where the bar would be */
.nonotami-bq-2 .entry-content blockquote {
	padding-left: 4.5rem;
}
.nonotami-bq-2 .entry-content blockquote::before {
	content: "\201C";
	position: absolute;
	left: 0;
	top: -0.1em;
	font-size: 6rem;
	font-style: normal;
	line-height: 1;
	color: var( --nonotami-bq-color, #b02a37 );
}

/* 3 — nothing */
.nonotami-bq-3 .entry-content blockquote {
	padding-left: 0;
}

/* 4 — thick left bar */
.nonotami-bq-4 .entry-content blockquote {
	border-left: 20px solid var( --nonotami-bq-color, #b02a37 );
	padding-left: 1.75rem;
}