/*
 * Arabic and other RTL article captions can include Latin names, standards or
 * photographer credits. Let the document direction drive alignment and let
 * the Unicode bidi algorithm isolate the paragraph rather than forcing a
 * left-to-right overlay inherited from the English theme.
 */
[dir="rtl"] .wp-article-content > figure figcaption,
[dir="rtl"] #article-content > figure figcaption {
  direction: rtl;
  text-align: start;
  unicode-bidi: plaintext;
  overflow-wrap: anywhere;
  word-break: normal;
}

/*
 * Article bodies may use the existing application-scene image treatment. Its
 * original overlay rules were designed for a structured English card with
 * nested h3/p markup, while translated articles can contain plain caption
 * text. Keep the image treatment but give plain, translated captions a
 * resilient text box with logical spacing and a readable leading.
 */
[dir="rtl"] .wp-article-content > figure.application-scene figcaption,
[dir="rtl"] #article-content > figure.application-scene figcaption {
  max-inline-size: none;
  padding-block: clamp(1.125rem, 3vw, 1.5rem);
  padding-inline: clamp(1.125rem, 3vw, 1.5rem);
  line-height: 1.75;
  text-wrap: pretty;
}

@media (max-width: 47.99rem) {
  [dir="rtl"] .wp-article-content > figure.application-scene figcaption,
  [dir="rtl"] #article-content > figure.application-scene figcaption {
    padding-block-start: clamp(2.5rem, 14vw, 3rem);
  }
}

/* Plain captions inside article content are editorial figures, not the
 * structured application-card overlay. Keep the image uncropped and place
 * the translated caption below it in normal flow. */
[dir="rtl"] .wp-article-content > figure.application-scene,
[dir="rtl"] #article-content > figure.application-scene {
  min-height: 0;
  overflow: visible;
  background: transparent;
}

[dir="rtl"] .wp-article-content > figure.application-scene::after,
[dir="rtl"] #article-content > figure.application-scene::after {
  display: none;
}

[dir="rtl"] .wp-article-content > figure.application-scene > img,
[dir="rtl"] #article-content > figure.application-scene > img {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  margin: 0;
  border-radius: 12px 12px 0 0;
}

[dir="rtl"] .wp-article-content > figure.application-scene > figcaption,
[dir="rtl"] #article-content > figure.application-scene > figcaption {
  position: static;
  z-index: auto;
  display: block;
  max-inline-size: none;
  margin: 0;
  padding: 12px 0 0;
  color: inherit;
  background: transparent;
  font-size: 14px;
  line-height: 1.55;
  text-align: start;
  direction: rtl;
  unicode-bidi: plaintext;
  overflow-wrap: anywhere;
}