/**
 * Context-aware advertising placement.
 * One Native unit is used per page and is moved next to real page content.
 */
.shaghaf-ad-slot {
	box-sizing: border-box;
	width: min(100%, 1120px);
	max-width: calc(100% - 24px);
	margin: clamp(28px, 4vw, 48px) auto;
	padding: clamp(10px, 1.6vw, 16px);
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 14px;
	background: #fff;
	text-align: center;
	overflow: hidden;
	clear: both;
	position: relative;
	z-index: 1;
}

.shaghaf-ad-slot[hidden] {
	display: none !important;
}

.shaghaf-ad-slot__label {
	margin: 0 0 8px;
	font: 500 11px/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: .04em;
	color: #8a8f98;
	text-align: center;
	direction: rtl;
}

.shaghaf-ad-slot__container,
.shaghaf-ad-slot__container > *,
.shaghaf-ad-slot__container iframe,
.shaghaf-ad-slot__container img {
	max-width: 100% !important;
	margin-inline: auto;
}

.shaghaf-ad-slot__container iframe {
	display: block;
	border: 0;
}

.sjn-content > .shaghaf-ad-slot,
.entry-content > .shaghaf-ad-slot,
.sja-content > .shaghaf-ad-slot,
.sja-article__content > .shaghaf-ad-slot {
	width: 100%;
	max-width: 100%;
	margin-block: 34px;
}

.mahana-home > .shaghaf-ad-slot,
.site-main > .shaghaf-ad-slot,
#primary > .shaghaf-ad-slot {
	width: min(100% - 32px, 1120px);
}

@media (max-width: 640px) {
	.shaghaf-ad-slot {
		width: calc(100% - 16px);
		max-width: calc(100% - 16px);
		margin-block: 24px;
		padding: 9px 4px;
		border-radius: 10px;
	}

	.sjn-content > .shaghaf-ad-slot,
	.entry-content > .shaghaf-ad-slot,
	.sja-content > .shaghaf-ad-slot,
	.sja-article__content > .shaghaf-ad-slot {
		width: 100%;
		max-width: 100%;
	}
}