/*
 * digiloom: client testimonial panel.
 * Source: Figma Make `Home.tsx` section 2 — indigo-50 panel, 40px radius,
 * oversized rotated quote glyph, centred attribution stack.
 */

.digiloom-testimonial {
	background-color: rgba(238, 242, 255, 0.9);
	border: 1px solid var(--wp--preset--color--indigo-line);
	border-radius: var(--wp--custom--radius--xxl);
	box-shadow: var(--wp--preset--shadow--lifted);
	padding: 40px;
	position: relative;
}

@media (min-width: 782px) {

	.digiloom-testimonial {
		padding: 64px;
	}
}

/* The decorative rotated quote mark, top-left. */
.digiloom-testimonial::before {
	background-color: var(--wp--preset--color--indigo-line);
	content: "";
	height: 64px;
	left: 32px;
	opacity: 0.5;
	position: absolute;
	top: 32px;
	transform: rotate(180deg);
	width: 64px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h1.5a.5.5 0 0 1 .5.5v.5a2 2 0 0 1-2 2h-.5a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h.5a5 5 0 0 0 5-5V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h1.5a.5.5 0 0 1 .5.5v.5a2 2 0 0 1-2 2h-.5a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h.5a5 5 0 0 0 5-5V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h1.5a.5.5 0 0 1 .5.5v.5a2 2 0 0 1-2 2h-.5a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h.5a5 5 0 0 0 5-5V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h1.5a.5.5 0 0 1 .5.5v.5a2 2 0 0 1-2 2h-.5a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h.5a5 5 0 0 0 5-5V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.digiloom-testimonial__quote {
	margin: 0 auto 32px;
	max-width: 56rem;
	position: relative;
	text-align: center;
	z-index: 1;
}

.digiloom-testimonial__quote p {
	color: #1e293b;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(24px, 2.6vw, 30px);
	font-weight: var(--wp--custom--font-weight--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin: 0;
}

/* Attribution -------------------------------------------------------- */

.digiloom-testimonial__cite {
	position: relative;
	z-index: 1;
}

.digiloom-testimonial__avatar {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--slate-line);
	border-radius: var(--wp--custom--radius--full);
	box-shadow: var(--wp--preset--shadow--light);
	margin: 0;
	padding: 4px;
}

.digiloom-testimonial__avatar img {
	border-radius: var(--wp--custom--radius--full);
	display: block;
}

.digiloom-testimonial__name {
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: var(--wp--custom--font-weight--bold);
	margin: 8px 0 0;
}

.digiloom-testimonial__org {
	color: var(--wp--preset--color--indigo);
	font-size: var(--wp--preset--font-size--xx-small);
	font-weight: var(--wp--custom--font-weight--medium);
	margin: 0;
}