/**
 * Avedis Audio Testimonial Blocks — testimonials.css
 *
 * Design philosophy:
 *  • Everything is scoped under .product-testimonials to avoid global bleed.
 *  • No !important. No hardcoded colors. Inherits from theme.
 *  • Responsive by default. Fluid video embeds built-in.
 */

/* ── Section wrapper ─────────────────────────────────────────────── */

.product-testimonials {
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* ── Section heading ─────────────────────────────────────────────── */

.product-testimonials__heading {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

/* ── Fluid video embeds (YouTube, Vimeo iframes) ─────────────────── */

.product-testimonials__content iframe {
	max-width: 100%;
}

/* Gutenberg block embeds */
.product-testimonials__content .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	overflow: hidden;
}

.product-testimonials__content .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* ── Images ──────────────────────────────────────────────────────── */

.product-testimonials__content img {
	max-width: 100%;
	height: auto;
}

/* ── Responsive ──────────────────────────────────────────────────── */

@media ( max-width: 768px ) {
	.product-testimonials {
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
}