/* The same quote card is used in messages, reply previews and the visual editor. */
:is(.post-copy, .sv-reply-preview, .mce-content-body) {
	--sv-quote-bg: #eef1f7;
	--sv-quote-ink: #29374e;
	--sv-quote-accent: #0878ce;
	--sv-quote-mark: #ccd2e0;
}
[data-theme='dark'] :is(.post-copy, .sv-reply-preview),
.mce-content-body[data-theme='dark'] {
	--sv-quote-bg: #46495e;
	--sv-quote-ink: #e5e9f5;
	--sv-quote-accent: #31b0ff;
	--sv-quote-mark: #34384e;
}
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] {
	position: relative;
	box-sizing: border-box;
	display: block;
	width: auto;
	min-width: 0;
	margin: 16px 0 20px;
	padding: 14px 16px 18px;
	overflow: hidden;
	border: 0;
	border-radius: 2px;
	box-shadow: none;
	background: var(--sv-quote-bg);
	color: var(--sv-quote-ink);
	font: inherit;
	font-style: normal;
	text-align: left;
	overflow-wrap: anywhere;
}
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid]::before,
.post-copy .sv-quote-collapse > summary::before {
	content: '\201c';
	position: absolute;
	top: 6px;
	left: 13px;
	color: var(--sv-quote-mark);
	font: 700 66px/1 Georgia, serif;
	pointer-events: none;
}
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid]::after,
.post-copy .sv-quote-collapse > summary::after {
	content: '\201d';
	position: absolute;
	right: 13px;
	bottom: -9px;
	color: var(--sv-quote-mark);
	font: 700 52px/1 Georgia, serif;
	pointer-events: none;
}
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] > .wpforo-post-quote-head {
	display: block;
	min-height: 32px;
	margin: 0 0 10px;
	padding: 0 0 0 39px;
	border: 0;
	background: transparent;
	line-height: 1.25;
}
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] .wpforo-post-quote-author {
	min-width: 0;
	color: var(--sv-quote-accent);
	font-size: 14px;
}
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] .wpforo-post-quote-author strong {
	font-weight: 700;
}
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] .wpforo-post-quote-link a,
.post-copy .sv-quote-preview-source {
	display: inline;
	width: auto;
	height: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--sv-quote-accent);
	font: italic 600 12px/1.4 Inter, Arial, sans-serif;
	text-decoration: none;
}
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] .wpforo-post-quote-link a:hover,
.post-copy .sv-quote-preview-source:hover { text-decoration: underline; }
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] > p {
	margin: 0 0 10px !important;
	padding: 0;
	color: inherit;
	line-height: 1.6;
}
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] > p:last-child { margin-bottom: 0 !important; }
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] > p:empty { display: none; }
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] img { max-width: 100%; height: auto; }
:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] blockquote[data-postid] { border: 1px solid var(--sv-quote-mark); }
.post-copy details.sv-quote-collapse {
	border: 0;
	border-radius: 2px;
	box-shadow: none;
	color: var(--sv-quote-ink);
	background: var(--sv-quote-bg);
}
.post-copy .sv-quote-collapse > summary {
	position: relative;
	padding: 14px 16px 20px;
	background: var(--sv-quote-bg);
}
.post-copy .sv-quote-preview-author {
	margin: 0;
	padding-left: 39px;
	color: var(--sv-quote-accent);
	font-size: 14px;
}
.post-copy .sv-quote-preview-source { display: block; width: fit-content; margin: 0 0 10px 39px; }
.post-copy .sv-quote-preview-text { color: var(--sv-quote-ink); font-size: 14px; }
.post-copy .sv-quote-preview-media { color: var(--sv-quote-ink); opacity: .75; }
.post-copy .sv-quote-toggle-label { color: var(--sv-quote-accent); }
.post-copy .sv-quote-collapse-close { color: var(--sv-quote-accent); background: var(--sv-quote-bg); }
.post-copy .sv-quote-expanded > blockquote[data-postid] { border: 0; }
@media (max-width: 480px) {
	:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid],
	.post-copy .sv-quote-collapse > summary { padding: 12px 12px 18px; }
	:is(.post-copy, .sv-reply-preview, .mce-content-body) blockquote[data-postid] > .wpforo-post-quote-head { padding-left: 35px; }
	.post-copy .sv-quote-preview-author { padding-left: 35px; }
	.post-copy .sv-quote-preview-source { margin-left: 35px; }
}