/* =========================================================
   ROBITHOH CMS FINAL V1.2
   Legacy/Blogger Content Compatibility Layer
   Purpose: preserve imported HTML instead of rewriting it.
   ========================================================= */

.post-content,
.page-content,
.single-post-content,
.article-content,
.content-body {
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.85;
}

/* Preserve legacy Blogger inline formatting */
.post-content img,
.page-content img,
.single-post-content img,
.article-content img,
.content-body img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.post-content table,
.page-content table,
.single-post-content table,
.article-content table,
.content-body table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  display: table;
  overflow-x: auto;
}

.post-content iframe,
.page-content iframe,
.single-post-content iframe,
.article-content iframe,
.content-body iframe,
.post-content video,
.page-content video,
.single-post-content video,
.article-content video,
.content-body video {
  max-width: 100%;
}

.post-content pre,
.page-content pre,
.single-post-content pre,
.article-content pre,
.content-body pre {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
}

.post-content blockquote,
.page-content blockquote,
.single-post-content blockquote,
.article-content blockquote,
.content-body blockquote {
  margin: 1.25rem 0;
  padding: 1rem 1.25rem;
  border-inline-start: 4px solid var(--islamic-gold, #c9a227);
  background: #fbfaf4;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.content-body h1,
.content-body h2,
.content-body h3,
.content-body h4 {
  color: var(--islamic-green-dark, #064a36);
  line-height: 1.35;
}

.post-content [align="center"],
.page-content [align="center"],
.single-post-content [align="center"],
.article-content [align="center"],
.content-body [align="center"] {
  text-align: center;
}

.post-content .separator,
.page-content .separator,
.single-post-content .separator,
.article-content .separator,
.content-body .separator {
  clear: both;
  text-align: center;
}

.post-content .separator a,
.page-content .separator a,
.single-post-content .separator a,
.article-content .separator a,
.content-body .separator a {
  display: inline-block;
}

.post-content .tr-caption,
.page-content .tr-caption,
.single-post-content .tr-caption,
.article-content .tr-caption,
.content-body .tr-caption {
  font-size: .9rem;
  color: #64756d;
  text-align: center;
}

.post-content ul,
.post-content ol,
.page-content ul,
.page-content ol,
.single-post-content ul,
.single-post-content ol,
.article-content ul,
.article-content ol,
.content-body ul,
.content-body ol {
  padding-inline-start: 1.5rem;
}

[dir="rtl"],
.rtl,
.arabic,
.arabic-content {
  font-family: "Amiri", serif;
  line-height: 2.1;
}

@media (max-width: 768px) {
  .post-content table,
  .page-content table,
  .single-post-content table,
  .article-content table,
  .content-body table {
    display: block;
    overflow-x: auto;
  }

  .post-content iframe,
  .page-content iframe,
  .single-post-content iframe,
  .article-content iframe,
  .content-body iframe {
    width: 100%;
    min-height: 240px;
  }
}