/**
 * Quote variants. Only opted-in core/quote blocks are affected.
 * Design: Figma nodes 3:36 and 3:47, Georgian-Abkhaz Context.
 */
@font-face {
	font-family: "WI Quote FiraGO";
	src: url("../fonts/FiraGO-Regular.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "WI Quote FiraGO";
	src: url("../fonts/FiraGO-Italic.woff2") format("woff2");
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

.wp-block-quote.is-style-wi-quote-1,
.wp-block-quote.is-style-wi-quote-2 {
	box-sizing: border-box;
	display: flow-root;
	position: relative;
	min-width: 0;
	max-width: 100%;
	margin-block: 1.5rem;
	margin-inline: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	color: #000;
	font-family: var(--wi-quote-font-family, "WI Quote FiraGO"), sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.875;
	letter-spacing: -0.4px;
	text-transform: none;
	overflow-wrap: anywhere;
}

.wp-block-quote.is-style-wi-quote-1::before,
.wp-block-quote.is-style-wi-quote-1::after,
.wp-block-quote.is-style-wi-quote-2::before,
.wp-block-quote.is-style-wi-quote-2::after {
	content: none;
}

.wp-block-quote.is-style-wi-quote-1 :where(p),
.wp-block-quote.is-style-wi-quote-2 :where(p) {
	margin-block: 0 0.75em;
	margin-inline: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

.wp-block-quote.is-style-wi-quote-1 :where(p:last-child),
.wp-block-quote.is-style-wi-quote-2 :where(p:last-child) {
	margin-bottom: 0;
}

.wp-block-quote.is-style-wi-quote-1 {
	font-style: italic;
}

/* Float inside the first paragraph: two lines wrap around the original
 * 44 x 43 icon, and the remaining lines return to the full content width.
 * Cover saved markup, current editor markup and older InnerBlocks wrappers.
 */
.wp-block-quote.is-style-wi-quote-1 > p:first-of-type::before,
.wp-block-quote.is-style-wi-quote-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > p:first-of-type::before {
	content: "";
	position: static;
	display: block;
	float: left;
	width: 44px;
	height: 43px;
	margin: 0 10px 0 0;
	border: 0;
	background: url("../images/quote-mark.svg") no-repeat 0 0 / 44px 43px;
	transform: none;
}

.wp-block-quote.is-style-wi-quote-2 {
	border-inline-start: 9px solid var(--wi-quote-line-color, #fbc1c1);
	padding-inline-start: min(31px, 4%);
	padding-block-end: 9px;
	font-style: normal;
}

.wp-block-quote.is-style-wi-quote-1 > cite,
.wp-block-quote.is-style-wi-quote-2 > cite {
	display: block;
	clear: both;
	margin-top: 0.75em;
	font-size: 0.875em;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: normal;
}

[dir="rtl"] .wp-block-quote.is-style-wi-quote-1 > p:first-of-type::before,
[dir="rtl"] .wp-block-quote.is-style-wi-quote-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > p:first-of-type::before {
	float: right;
	margin: 0 0 0 10px;
}

@media (max-width: 600px) {
	.wp-block-quote.is-style-wi-quote-1,
	.wp-block-quote.is-style-wi-quote-2 {
		line-height: 1.75;
		letter-spacing: -0.2px;
	}

	.wp-block-quote.is-style-wi-quote-2 {
		border-inline-start-width: 6px;
		padding-inline-start: 18px;
		padding-block-end: 6px;
	}
}