/* Sarano editorial pages: Child-owned, RTL, and theme-aware. */
.sarano-editorial-route .entry-content,
.sarano-editorial-route .post-content,
.sarano-editorial-route .content-area {
  color: var(--sarano-text, #142238);
}

.sarano-editorial-article {
  width: min(880px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 64px;
  direction: rtl;
  text-align: right;
}

.sarano-editorial-eyebrow {
  margin: 0 0 8px;
  color: var(--sarano-accent, #ff6500);
  font-size: 13px;
  font-weight: 800;
}

.sarano-editorial-lead {
  margin: 0 0 14px;
  color: var(--sarano-text, #142238);
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: 700;
  line-height: 1.9;
}

.sarano-editorial-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 0 0 30px;
  padding-bottom: 14px;
  color: var(--sarano-muted, #66758a);
  border-bottom: 1px solid var(--sarano-border, #d9e1ea);
  font-size: 13px;
}

.sarano-editorial-body {
  font-size: 17px;
  line-height: 2.15;
}

.sarano-editorial-body h2 {
  margin: 38px 0 12px;
  color: var(--sarano-heading, #102f5b);
  font-size: clamp(21px, 3vw, 30px);
  line-height: 1.5;
}

.sarano-editorial-body p { margin: 0 0 18px; }

.sarano-editorial-body ul,
.sarano-editorial-body ol {
  margin: 0 0 22px;
  padding: 0 24px 0 0;
}

.sarano-editorial-body li { margin: 0 0 8px; }

.sarano-editorial-note {
  margin-top: 34px !important;
  padding: 16px 18px;
  color: var(--sarano-text, #142238);
  border: 1px solid var(--sarano-border, #d9e1ea);
  border-right: 4px solid var(--sarano-accent, #ff6500);
  border-radius: 12px;
  background: var(--sarano-surface-alt, #f7f9fb);
  font-size: 15px;
  line-height: 1.95;
}

.sarano-editorial-sources {
  margin-top: 42px;
  padding: 22px 24px;
  border: 1px solid var(--sarano-border, #d9e1ea);
  border-radius: 16px;
  background: var(--sarano-surface-alt, #f7f9fb);
}

.sarano-editorial-sources h2 {
  margin: 0 0 12px;
  color: var(--sarano-heading, #102f5b);
  font-size: 20px;
}

.sarano-editorial-sources ul { margin: 0; padding: 0 20px 0 0; }
.sarano-editorial-sources li { margin: 0 0 8px; }
.sarano-editorial-sources a { color: var(--sarano-link, #103f79); text-decoration: underline; text-underline-offset: 3px; }

html[data-sarano-theme="night"] .sarano-editorial-route .entry-content,
html[data-sarano-theme="night"] .sarano-editorial-route .post-content,
html[data-sarano-theme="night"] .sarano-editorial-route .content-area { color: #eef4fb; }

html[data-sarano-theme="night"] .sarano-editorial-lead,
html[data-sarano-theme="night"] .sarano-editorial-body h2,
html[data-sarano-theme="night"] .sarano-editorial-sources h2 { color: #f3f7fc; }

html[data-sarano-theme="night"] .sarano-editorial-note,
html[data-sarano-theme="night"] .sarano-editorial-sources {
  color: #e8f0f8;
  border-color: #3c536c;
  background: #16273a;
}

html[data-sarano-theme="night"] .sarano-editorial-sources a { color: #b9d7ff; }

.sarano-editorial-hero {
  margin: 0 0 24px;
  overflow: hidden;
  border: 1px solid var(--sarano-border, #d9e1ea);
  border-radius: 18px;
  background: var(--sarano-surface-alt, #f7f9fb);
}

.sarano-editorial-hero img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  object-position: center;
}

.sarano-editorial-hero figcaption {
  margin: 0;
  padding: 9px 14px 11px;
  color: var(--sarano-muted, #66758a);
  font-size: 11px;
  line-height: 1.8;
}

/*
 * ParsKala's post template owns an outer main-cont.single-post card.
 * The previous Child rules only reached entry-content, so NIGHT left the
 * parent card white and painted dark text over it. Bind the complete
 * editorial route to the same design tokens without copying the parent
 * template.
 */
body.sarano-editorial-route .main-cont.single-post,
body.sarano-editorial-route .prk-blog-v4-single,
body.sarano-editorial-route .prk-blog-v4-page-card,
body.sarano-editorial-route .prk-blog-v4-card,
body.sarano-editorial-route .prk-blog-v4-layout,
body.sarano-editorial-route .prk-blog-v4-main,
body.sarano-editorial-route .prk-blog-v4-sidebar,
body.sarano-editorial-route .prk-blog-v4-widget,
body.sarano-editorial-route .prk-blog-v4-prevnext__item,
body.sarano-editorial-route .prk-blog-v4-author-box {
  border-color: var(--sarano-border, #d9e1ea) !important;
  background: var(--sarano-canvas, #fff) !important;
  color: var(--sarano-body, #4f5968) !important;
}

body.sarano-editorial-route .main-cont.single-post {
  border: 1px solid var(--sarano-border, #d9e1ea) !important;
  border-radius: 18px !important;
  overflow: hidden;
}

body.sarano-editorial-route .main-cont.single-post h1,
body.sarano-editorial-route .main-cont.single-post h2,
body.sarano-editorial-route .main-cont.single-post h3,
body.sarano-editorial-route .main-cont.single-post a,
body.sarano-editorial-route .main-cont.single-post b,
body.sarano-editorial-route .main-cont.single-post strong {
  color: var(--sarano-text, #17345f) !important;
}

body.sarano-editorial-route .main-cont.single-post .prk-blog-v4-single__title,
body.sarano-editorial-route .main-cont.single-post .title-cont,
body.sarano-editorial-route .main-cont.single-post .prk-blog-v4-single__head {
  background: var(--sarano-surface, #fbf6f3) !important;
  color: var(--sarano-text, #17345f) !important;
}

body.sarano-editorial-route .prk-blog-v4-widget input,
body.sarano-editorial-route .prk-blog-v4-widget select,
body.sarano-editorial-route .prk-blog-v4-widget textarea {
  border-color: var(--sarano-border, #d9e1ea) !important;
  background: var(--sarano-surface-alt, #f7f9fb) !important;
  color: var(--sarano-text, #17345f) !important;
}

html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-single,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-page-card,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-card,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-layout,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-main,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-sidebar,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-widget,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-prevnext__item,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-author-box {
  background: var(--sarano-surface, #182331) !important;
  color: var(--sarano-body, #c8d0da) !important;
}

html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post h1,
html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post h2,
html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post h3,
html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post a,
html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post b,
html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post strong,
html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post .prk-blog-v4-single__title,
html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post .title-cont,
html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post .prk-blog-v4-single__head {
  background: var(--sarano-surface, #182331) !important;
  color: var(--sarano-text, #f7f9fc) !important;
}

html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-widget input,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-widget select,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-widget textarea {
  background: var(--sarano-surface-alt, #223142) !important;
  color: var(--sarano-text, #f7f9fc) !important;
}

html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-card h2,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-card h3,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-card a,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-card p,
html[data-sarano-theme="night"] body.sarano-editorial-route .prk-blog-v4-card span {
  color: var(--sarano-body, #c8d0da) !important;
}

html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post button,
html[data-sarano-theme="night"] body.sarano-editorial-route .main-cont.single-post .button {
  border-color: var(--sarano-border, #35475a) !important;
  background: var(--sarano-surface-alt, #223142) !important;
  color: var(--sarano-text, #f7f9fc) !important;
}

html[data-sarano-theme="night"] .sarano-editorial-hero {
  border-color: var(--sarano-border, #35475a);
  background: var(--sarano-surface-alt, #223142);
}

html[data-sarano-theme="night"] .sarano-editorial-hero figcaption {
  color: var(--sarano-muted, #9eacbb);
}

@media (max-width: 600px) {
  .sarano-editorial-article { width: min(100% - 24px, 880px); padding-top: 22px; }
  .sarano-editorial-body { font-size: 16px; line-height: 2; }
  .sarano-editorial-sources { padding: 18px; }
  .sarano-editorial-hero { margin-bottom: 20px; border-radius: 14px; }
  .sarano-editorial-hero img { aspect-ratio: 4 / 3; }
}

.sarano-editorial-archive {
  width: min(100% - 32px, 1180px);
  margin: 0 auto;
  padding: 54px 0 84px;
}

/* The parent archive template prints its generic page title before the
 * Child-owned magazine heading. Keep the wrapper and footer, but remove that
 * duplicate dark-on-dark title bar so the page has one clear H1. */
body.sarano-editorial-archive-route .prk-blog-v4-breadcrumbs,
body.sarano-editorial-archive-route .prk-blog-v4-page-card__header,
body.sarano-editorial-archive-route .prk-blog-v4-page-card__title {
  display: none !important;
}

body.sarano-editorial-archive-route .prk-blog-v4-page-card {
  padding-top: 0 !important;
}

.sarano-editorial-archive__heading {
  max-width: 760px;
  margin: 0 auto 34px;
  text-align: center;
}

.sarano-editorial-archive__heading h1 {
  margin: 0 0 14px;
  color: var(--sarano-heading, #102f5b);
  font-size: clamp(27px, 4vw, 44px);
  line-height: 1.45;
}

.sarano-editorial-archive__heading > p:last-child {
  margin: 0;
  color: var(--sarano-muted, #66758a);
  font-size: 17px;
  line-height: 2;
}

.sarano-editorial-archive__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.sarano-editorial-archive__card {
  min-width: 0;
  border: 1px solid var(--sarano-border, #d9e1ea);
  border-radius: 18px;
  background: var(--sarano-surface-alt, #f7f9fb);
  box-shadow: 0 12px 28px rgba(7, 30, 59, .06);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.sarano-editorial-archive__card:hover,
.sarano-editorial-archive__card:focus-within {
  border-color: var(--sarano-accent, #ff6500);
  box-shadow: 0 16px 34px rgba(7, 30, 59, .12);
  transform: translateY(-2px);
}

.sarano-editorial-archive__card a {
  display: block;
  height: 100%;
  padding: 24px;
  color: inherit;
  text-decoration: none;
}

.sarano-editorial-archive__card h2 {
  margin: 8px 0 12px;
  color: var(--sarano-heading, #102f5b);
  font-size: clamp(20px, 2.6vw, 28px);
  line-height: 1.55;
}

.sarano-editorial-archive__card p {
  margin: 0 0 22px;
  color: var(--sarano-muted, #66758a);
  font-size: 15px;
  line-height: 2;
}

.sarano-editorial-archive__read {
  color: var(--sarano-link, #103f79);
  font-size: 14px;
  font-weight: 800;
}

html[data-sarano-theme="night"] .sarano-editorial-archive__heading h1,
html[data-sarano-theme="night"] .sarano-editorial-archive__card h2 { color: #f3f7fc; }

html[data-sarano-theme="night"] .sarano-editorial-archive__heading > p:last-child,
html[data-sarano-theme="night"] .sarano-editorial-archive__card p { color: #b9c8d8; }

html[data-sarano-theme="night"] .sarano-editorial-archive__card {
  border-color: #3c536c;
  background: #16273a;
}

html[data-sarano-theme="night"] .sarano-editorial-archive__read { color: #b9d7ff; }

@media (max-width: 600px) {
  .sarano-editorial-archive { width: min(100% - 24px, 880px); padding: 28px 0 54px; }
  .sarano-editorial-archive__grid { grid-template-columns: 1fr; gap: 14px; }
  .sarano-editorial-archive__card a { padding: 20px; }
}