/**
 * RNS Pull Quote — Variant C
 * No border rules. No background fill.
 * For use inside .entry-content (article body) on single post templates
 * (with sidebar and no-sidebar/special article).
 */

/* Variables used by this block (theme may already define --rns-orange) */
.entry-content .pull-quote,
.pull-quote {
	--rns-pull-quote-dark: #1a1410;
	--rns-pull-quote-orange: #FA5500;
}

.entry-content .pull-quote,
.entry-content .wp-block-rns-pull-quote,
.pull-quote,
.wp-block-rns-pull-quote {
	position: relative;
	margin: 4px 50px 36px;
	padding: 30px 40px 26px;
	background: transparent;
}

/* When Quoted Source is blank: collapse — no cite area, tighter bottom spacing */
.entry-content .pull-quote--no-source,
.entry-content .wp-block-rns-pull-quote.pull-quote--no-source,
.pull-quote--no-source,
.wp-block-rns-pull-quote.pull-quote--no-source {
	padding-bottom: 20px;
	margin-bottom: 28px;
}

/* Ghost quotemark — decorative only */
.entry-content .pull-quote::before,
.entry-content .wp-block-rns-pull-quote::before,
.pull-quote::before,
.wp-block-rns-pull-quote::before {
	content: '\201C';
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 130px;
	color: var(--rns-pull-quote-orange, var(--rns-orange, #FA5500));
	opacity: 0.12;
	position: absolute;
	top: -12px;
	left: 24px;
	line-height: 1;
	pointer-events: none;
	user-select: none;
}

.entry-content .pull-quote blockquote,
.entry-content .wp-block-rns-pull-quote blockquote,
.pull-quote blockquote,
.wp-block-rns-pull-quote blockquote {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 30px;
	line-height: 1.48;
	font-style: italic;
	color: var(--rns-pull-quote-dark, #1a1410);
	letter-spacing: -0.01em;
	margin: 0;
	padding: 0;
	border: none;
}

.entry-content .pull-quote cite,
.entry-content .wp-block-rns-pull-quote cite,
.pull-quote cite,
.wp-block-rns-pull-quote cite {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 16px;
	font-style: normal;
	font-family: 'Source Sans 3', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--rns-pull-quote-orange, var(--rns-orange, #FA5500));
}

.entry-content .pull-quote cite::before,
.entry-content .wp-block-rns-pull-quote cite::before,
.pull-quote cite::before,
.wp-block-rns-pull-quote cite::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 2px;
	background: var(--rns-pull-quote-orange, var(--rns-orange, #FA5500));
	flex-shrink: 0;
}

/* Editor preview: match frontend inside block wrapper */
.wp-block-rns-pull-quote .pull-quote__editor {
	display: block;
}

.wp-block-rns-pull-quote .pull-quote__label {
	display: block;
	font-family: 'Source Sans 3', sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #555;
	margin-top: 12px;
	margin-bottom: 4px;
}

.wp-block-rns-pull-quote .pull-quote__label:first-child {
	margin-top: 0;
}

.wp-block-rns-pull-quote .pull-quote__input-quote blockquote,
.wp-block-rns-pull-quote .pull-quote__input-source[data-rich-text-placeholder] {
	margin: 0;
}

/* Mobile: use full entry-content width (desktop inset is too narrow on small screens) */
@media screen and (max-width: 768px) {
	.entry-content .pull-quote,
	.entry-content .wp-block-rns-pull-quote,
	.pull-quote,
	.wp-block-rns-pull-quote {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.entry-content .pull-quote::before,
	.entry-content .wp-block-rns-pull-quote::before,
	.pull-quote::before,
	.wp-block-rns-pull-quote::before {
		left: 0;
		font-size: 100px;
	}

	.entry-content .pull-quote blockquote,
	.entry-content .wp-block-rns-pull-quote blockquote,
	.pull-quote blockquote,
	.wp-block-rns-pull-quote blockquote {
		font-size: 28px;
	}
}