/* ===================================================================
   استایل باکس‌های لینک‌سازی داخلی افزونه وارد کننده مقالات آبتین
   =================================================================== */

:root {
	--ey-di-navy: #00003c;
	--ey-di-navy-light: #1c1c6e;
	--ey-di-blue: #7ab4e2;
	--ey-di-blue-soft: #eaf4fc;
}

/* پشتیبان (Fallback) برای زمانی که استایل template-3 قالب فعال نباشد */
.internal-linking-related-contents {
	margin: 30px 0;
}
.internal-linking-related-contents .template-3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	border-radius: 14px;
	padding: 20px 24px;
	text-decoration: none;
}

/* نسخه پیش‌فرض (لینک به نوشته‌های مرتبط) در صورت نبود استایل قالب */
.internal-linking-related-contents .template-3:not(.ab-service-link) {
	background: linear-gradient(120deg, var(--ey-di-navy) 0%, var(--ey-di-navy-light) 100%);
}
.internal-linking-related-contents .template-3:not(.ab-service-link) .postTitle {
	color: #fff;
	font-weight: 700;
	order: 2;
}
.internal-linking-related-contents .template-3:not(.ab-service-link) .cta {
	background: #fff;
	color: var(--ey-di-navy);
	padding: 10px 22px;
	border-radius: 30px;
	font-weight: 800;
	order: 1;
	white-space: nowrap;
}

/* باکس لینک به صفحات خدمات آبتین - رنگبندی متفاوت (آبی روشن سایت) */
.internal-linking-related-contents .ab-service-link {
	background: linear-gradient(120deg, var(--ey-di-blue-soft) 0%, var(--ey-di-blue) 100%);
	border: 1px solid var(--ey-di-blue);
	box-shadow: 0 10px 24px rgba(122, 180, 226, 0.25);
}
.internal-linking-related-contents .ab-service-link .postTitle {
	color: var(--ey-di-navy);
	font-weight: 700;
	order: 2;
}
.internal-linking-related-contents .ab-service-link .cta {
	background: var(--ey-di-navy);
	color: #fff;
	padding: 10px 22px;
	border-radius: 30px;
	font-weight: 800;
	order: 1;
	white-space: nowrap;
}
.internal-linking-related-contents .template-3:hover {
	transform: translateY(-4px);
	transition: transform .25s ease;
}

/* تاکید بصری روی «مهم‌ترین لینک» (لینکی که بلافاصله بعد از پاراگراف اول قرار می‌گیرد) */
.internal-linking-related-contents.ab-top-link .template-3 {
	box-shadow: 0 14px 30px rgba(0, 0, 60, 0.22);
	border-width: 2px;
}

@media (max-width: 767px) {
	.internal-linking-related-contents .template-3 {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ===================================================================
   نسخه انگلیسی (LTR) — دکمه «Read More» سمت چپ و عنوان سمت راست
   =================================================================== */
.internal-linking-related-contents.ab-ltr,
.internal-linking-related-contents.ab-ltr * {
	direction: ltr;
	unicode-bidi: isolate;
}
.internal-linking-related-contents.ab-ltr .template-3 {
	flex-direction: row;
	text-align: left;
}
/* در LTR دکمه اول (چپ) و عنوان دوم (راست) قرار می‌گیرد */
.internal-linking-related-contents.ab-ltr .template-3 .cta {
	order: 1;
}
.internal-linking-related-contents.ab-ltr .template-3 .postTitle {
	order: 2;
	text-align: left;
}

/* عنوان‌ها و متن‌های انگلیسی داخل محتوای نوشته‌ی انگلیسی */
.ab-en-content,
.ab-en-content h1,
.ab-en-content h2,
.ab-en-content h3,
.ab-en-content h4,
.ab-en-content h5,
.ab-en-content h6,
.ab-en-content p,
.ab-en-content li,
.ab-en-content ul,
.ab-en-content ol,
.ab-en-content blockquote,
.ab-en-content table {
	direction: ltr !important;
	text-align: left !important;
	unicode-bidi: isolate;
}
.ab-en-content ul,
.ab-en-content ol {
	padding-left: 1.6em;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	list-style-position: outside;
}

@media (max-width: 767px) {
	.internal-linking-related-contents.ab-ltr .template-3 {
		flex-direction: column;
		align-items: flex-start;
	}
}