/**
 * استایل‌های افزونه «نمایش ویدیو آپارات»
 * Aparat Video Embed — Styles
 */

/* کانتینر اصلی شورت‌کد */
.aparat-video-embed {
	margin: 1.5em 0;
	text-align: center;
}

/* iframe در حالت غیر ریسپانسیو */
.aparat-video-embed iframe {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	border: none;
}

/* کانتینر ریسپانسیو: تکنیک padding-top برای حفظ نسبت ابعاد */
.aparat-video-embed__responsive {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%; /* نسبت پیش‌فرض 16:9 (در صورت نیاز توسط کد PHP به‌صورت inline تغییر می‌کند) */
	overflow: hidden;
	background: #000;
	border-radius: 4px;
}

/* iframe داخل کانتینر ریسپانسیو */
.aparat-video-embed__responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
}