/**
 * "Testimonial" block style for the core Quote block: five gold stars above the words and a
 * large open-quote mark in the card's top-left corner (decoration, drawn here). In the citation
 * the name is bold (on its own line) above the date or role.
 *
 * Loaded with wp_enqueue_block_style(), so it applies in the block editor as well as on the
 * front end. Text colour and font size chosen for the quote in the editor take over from the
 * defaults below.
 */

/* The quote's own text size as a fixed length, so the name in the (smaller) citation can be set
   back to it. */
@property --cq-quote-size { syntax: '<length>'; inherits: true; initial-value: 17px; }
.wp-block-quote.is-style-cq-testimonial {
	--cq-quote-size: 1em;
	position: relative; margin: 0; padding: 0;
	font-size: inherit; font-style: normal; quotes: none;
}
/* Doubled class to outweigh Astra's ".wp-block-quote:not(…):not(…)" side rule. */
.wp-block-quote.wp-block-quote.is-style-cq-testimonial { border: 0; }
.wp-block-quote.is-style-cq-testimonial::before {
	content: "";
	content: "" / "5 out of 5 stars";
	display: block; width: calc(5 * (15px + .2rem)); height: 15px;
	margin: var(--wp--style--block-gap, 24px) auto .9rem;
	background: var(--gold, #b3893f);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 18.9 5.9 21.4l1.4-6.8L2.2 9.9l6.9-.8z'/%3E%3C/svg%3E") left center / calc(15px + .2rem) 15px repeat-x;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 18.9 5.9 21.4l1.4-6.8L2.2 9.9l6.9-.8z'/%3E%3C/svg%3E") left center / calc(15px + .2rem) 15px repeat-x;
}
/* Offsets reach back out to the card's corner (its padding is 2.4rem top, 1.8rem sides). */
.wp-block-quote.is-style-cq-testimonial::after {
	content: "\201C"; position: absolute; top: -2.2rem; left: -.6rem;
	font-family: var(--serif, 'EB Garamond', Georgia, serif); font-size: 4rem; font-style: normal; line-height: 1;
	color: var(--gold-light, #cba861); opacity: .6; pointer-events: none;
}
.wp-block-quote.is-style-cq-testimonial p {
	margin: 0; padding: 20px; border-left: 5px solid rgba(0, 0, 0, .05);
	font-family: var(--serif, 'EB Garamond', Georgia, serif); font-style: italic; line-height: 1.6;
}
.wp-block-quote.is-style-cq-testimonial:not([style*="font-size"]):not([class*="font-size"]) p { font-size: 1.05rem; }
.wp-block-quote.is-style-cq-testimonial:not(.has-text-color) p { color: var(--ink, #241f1a); }
.wp-block-quote.is-style-cq-testimonial cite {
	display: block; font-style: normal; font-size: .78rem; line-height: 1.7;
	letter-spacing: .04em;
}
.wp-block-quote.is-style-cq-testimonial:not(.has-text-color) cite { color: var(--ink-soft, #6a6158); }
.wp-block-quote.is-style-cq-testimonial cite strong {
	display: block; font-family: var(--serif, 'EB Garamond', Georgia, serif); font-weight: 700; letter-spacing: normal;
	font-size: var(--cq-quote-size);
}
.wp-block-quote.is-style-cq-testimonial:not(.has-text-color) cite strong { color: var(--burgundy, #6d1f2c); }
.wp-block-quote.is-style-cq-testimonial cite br { display: none; } /* the name is already its own line */