/*

 * Zaji Style — کیت Feedbeen

 * استایل سکشن‌های Zaji داخل .blog-content / #blog-post

 */



.blog-content .feedbeen-review-callout,

#blog-post .feedbeen-review-callout,

article#blog-post .feedbeen-review-callout {

	margin: 1.25rem 0;

	padding: 1rem 1.25rem;

	border-right: 3px solid var(--color-primary, #006fee);

	border-radius: 0.75rem;

	background: rgb(239 246 255);

	color: var(--color-foreground-500, #52525b);

	font-size: 0.9375rem;

	line-height: 1.7;

}



.dark .blog-content .feedbeen-review-callout,

.dark #blog-post .feedbeen-review-callout {

	background: rgb(37 99 235 / 0.12);

	color: var(--color-foreground-500, #a1a1aa);

}



.blog-content .feedbeen-review-callout .zsc-callout-title,

#blog-post .feedbeen-review-callout .zsc-callout-title {

	margin: 0 0 0.35rem;

	font-weight: 700;

}



.blog-content .zsc-section-faq.space-y-2,

#blog-post .zsc-section-faq.space-y-2 {

	display: flex;

	flex-direction: column;

	gap: 0.5rem;

	margin: 1.5rem 0;

}



.blog-content .zsc-section-faq .zsc-faq-title,

#blog-post .zsc-section-faq .zsc-faq-title {

	margin-bottom: 0.75rem;

}



.blog-content .zsc-feedbeen-cta,

#blog-post .zsc-feedbeen-cta {

	margin: 2rem 0 1rem;

	padding: 1.5rem 1.25rem;

	border-radius: 1rem;

	border: 1px solid var(--color-divider, rgba(0, 0, 0, 0.08));

	background: var(--color-content1, rgba(0, 0, 0, 0.02));

	text-align: center;

}



.dark .blog-content .zsc-feedbeen-cta,

.dark #blog-post .zsc-feedbeen-cta {

	border-color: var(--color-divider, rgba(255, 255, 255, 0.12));

}



.blog-content .zsc-feedbeen-cta .zsc-cta-title,

#blog-post .zsc-feedbeen-cta .zsc-cta-title {

	margin: 0 0 0.5rem;

	font-size: 1.25rem;

	font-weight: 700;

}



.blog-content .zsc-feedbeen-cta .zsc-cta-body,

#blog-post .zsc-feedbeen-cta .zsc-cta-body {

	margin: 0 0 0.75rem;

	color: var(--color-foreground-500, #71717a);

}



.blog-content .zsc-feedbeen-cta .zsc-cta-btn,

#blog-post .zsc-feedbeen-cta .zsc-cta-btn {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	margin-top: 0.25rem;

	padding: 0.65rem 1.5rem;

	border-radius: 0.875rem;

	background: var(--color-primary, #006fee);

	color: var(--color-primary-foreground, #fff);

	text-decoration: none;

	font-weight: 700;

	transition: opacity 0.15s ease;

}



.blog-content .zsc-feedbeen-cta .zsc-cta-btn:hover,

#blog-post .zsc-feedbeen-cta .zsc-cta-btn:hover {

	opacity: 0.9;

}



.blog-content .zsc-feedbeen-takeaways,

#blog-post .zsc-feedbeen-takeaways {

	margin: 1.25rem 0;

	padding: 1rem 1.1rem 1rem 1.25rem;

	border-radius: 0.75rem;

	border: 1px solid var(--color-divider, rgba(0, 0, 0, 0.08));

	background: var(--color-content2, rgba(0, 0, 0, 0.02));

}



.blog-content .zsc-section-stats,

#blog-post .zsc-section-stats {

	margin: 1.5rem 0;

}



.blog-content .zsc-stats-cols,

#blog-post .zsc-stats-cols {

	gap: 0.75rem;

}



.blog-content .zsc-stat,

#blog-post .zsc-stat {

	padding: 0.85rem 1rem;

	border-radius: 0.75rem;

	border: 1px solid var(--color-divider, rgba(0, 0, 0, 0.08));

	background: var(--color-content1, #fff);

	text-align: center;

}



.dark .blog-content .zsc-stat,

.dark #blog-post .zsc-stat {

	background: var(--color-content1, rgba(255, 255, 255, 0.04));

}



.blog-content .zsc-stat-value,

#blog-post .zsc-stat-value {

	font-size: 1.35rem;

	font-weight: 800;

	margin: 0;

	color: var(--color-primary, #006fee);

}



.blog-content .zsc-stat-label,

#blog-post .zsc-stat-label {

	margin: 0.25rem 0 0;

	font-size: 0.875rem;

	color: var(--color-foreground-500, #71717a);

}



.blog-content .zsc-section-pros-cons,

#blog-post .zsc-section-pros-cons {

	margin: 1.5rem 0;

}



.blog-content .zsc-pc-cols .wp-block-column,

#blog-post .zsc-pc-cols .wp-block-column {

	padding: 1rem;

	border-radius: 0.75rem;

	border: 1px solid var(--color-divider, rgba(0, 0, 0, 0.08));

}



.blog-content .zsc-section-feedbeen-exchanges,

.blog-content .zsc-section-feedbeen-company,

.blog-content .zsc-section-feedbeen-ad,

#blog-post .zsc-section-feedbeen-exchanges,

#blog-post .zsc-section-feedbeen-company,

#blog-post .zsc-section-feedbeen-ad {

	margin: 1.75rem 0;

}



.blog-content .zsc-feedbeen-embed-title,

#blog-post .zsc-feedbeen-embed-title {

	margin-bottom: 0.75rem;

}



.blog-content .zsc-feedbeen-incontent-ad,

#blog-post .zsc-feedbeen-incontent-ad {

	margin: 0.5rem 0;

	border-radius: 1rem;

	border: 1px solid var(--color-divider, rgba(0, 0, 0, 0.08));

	overflow: hidden;

}



.blog-content .feedbeen-exchanges-shortcode,

.blog-content .feedbeen-company-group-shortcode,

#blog-post .feedbeen-exchanges-shortcode,

#blog-post .feedbeen-company-group-shortcode {

	display: grid !important;

	grid-template-columns: 1fr !important;

	gap: 1rem;

}



.blog-content .feedbeen-exchange-card-inline,

#blog-post .feedbeen-exchange-card-inline {

	margin: 0.5rem 0;

	width: 100%;

}



.blog-content .zsc-table-wrapper,

#blog-post .zsc-table-wrapper {

	margin: 1.5rem 0;

}



.blog-content .zsc-section-code pre,

#blog-post .zsc-section-code pre {

	border-radius: 0.75rem;

	padding: 1rem;

	background: var(--color-content2, #f4f4f5);

	overflow-x: auto;

	font-size: 0.875rem;

}



.dark .blog-content .zsc-section-code pre,

.dark #blog-post .zsc-section-code pre {

	background: var(--color-content2, rgba(255, 255, 255, 0.06));

}



.blog-content .zsc-img-placeholder,

#blog-post .zsc-img-placeholder {

	opacity: 0.7;

	font-size: 0.9rem;

}



/* ——— تایپوگرافی و ریتم خوانایی محتوای فیدبین ——— */

.feedbeen-single-blog-content .blog-content,

.feedbeen-single-blog-content #blog-post.blog-content {

	font-size: 1rem;

	line-height: 1.85;

	color: var(--color-foreground-600, #3f3f46);

	letter-spacing: 0.01em;

}



.dark .feedbeen-single-blog-content .blog-content,

.dark .feedbeen-single-blog-content #blog-post.blog-content {

	color: var(--color-foreground-500, #a1a1aa);

}



.blog-content > p:first-of-type,

#blog-post.blog-content > p:first-of-type {

	font-size: 1.0625rem;

	line-height: 1.9;

	color: var(--color-foreground-700, #27272a);

	margin-bottom: 0.25rem;

}



.dark .blog-content > p:first-of-type,

.dark #blog-post.blog-content > p:first-of-type {

	color: var(--color-foreground-400, #d4d4d8);

}



.blog-content p,

#blog-post.blog-content p {

	margin-top: 0;

	margin-bottom: 1.1rem;

	padding-top: 0;

	line-height: 1.85;

}



.blog-content h2,

#blog-post.blog-content h2 {

	margin-top: 2rem;

	margin-bottom: 0.65rem;

	padding-top: 0;

	line-height: 1.45;

}



.blog-content h3,

#blog-post.blog-content h3 {

	margin-top: 1.35rem;

	margin-bottom: 0.5rem;

	padding-top: 0;

	line-height: 1.45;

}



.blog-content strong,

#blog-post.blog-content strong {

	padding-top: 0;

	padding-bottom: 0;

	font-weight: 700;

}



.blog-content figure.zsc-inline-figure,

.blog-content .feedbeen-lightbox-trigger.zsc-inline-figure,

#blog-post.blog-content figure.zsc-inline-figure,

#blog-post.blog-content .feedbeen-lightbox-trigger.zsc-inline-figure {

	margin: 1.75rem 0;

	border-radius: 0.875rem;

	overflow: hidden;

	border: 1px solid var(--color-divider, rgba(0, 0, 0, 0.08));

	background: var(--color-content1, #fff);

}



.dark .blog-content figure.zsc-inline-figure,

.dark #blog-post.blog-content figure.zsc-inline-figure {

	border-color: var(--color-divider, rgba(255, 255, 255, 0.12));

	background: var(--color-content1, rgba(255, 255, 255, 0.04));

}



.blog-content figure.zsc-inline-figure img,

.blog-content .feedbeen-lightbox-trigger.zsc-inline-figure img,

#blog-post.blog-content figure.zsc-inline-figure img {

	width: 100%;

	height: auto;

	border-radius: 0;

	display: block;

}



.blog-content figure.zsc-inline-figure figcaption,

.blog-content .feedbeen-lightbox-trigger.zsc-inline-figure figcaption,

#blog-post.blog-content figure.zsc-inline-figure figcaption {

	padding: 0.65rem 1rem;

	font-size: 0.875rem;

	line-height: 1.6;

	color: var(--color-foreground-500, #71717a);

	text-align: center;

	border-top: 1px solid var(--color-divider, rgba(0, 0, 0, 0.06));

}



.blog-content ul,

.blog-content ol,

#blog-post.blog-content ul,

#blog-post.blog-content ol {

	margin: 0.75rem 0 1.25rem;

	padding-right: 1.25rem;

}



.blog-content li,

#blog-post.blog-content li {

	padding-top: 0.35rem;

	padding-bottom: 0.35rem;

}