/* ===================================================================
 * Typerite FA — additions to Typerite's styles.
 * Loaded after main.rtl.css on both the static and WordPress versions.
 * ------------------------------------------------------------------- */

/* social icons not shipped with Typerite */
.header__social .ss-telegram a::after {
  background-image: url(../images/icons/social/icon-telegram.svg);
}

.header__social .ss-x a::after {
  background-image: url(../images/icons/social/icon-x.svg);
}

.header__social .ss-email a::after {
  background-image: url(../images/icons/social/icon-email-w.svg);
}

/* Persian numerals in ordered lists (Persian pages only) */
[dir="rtl"] ol {
  list-style-type: persian;
}

/* Drop cap: the whole first word (set by main.js), since Persian letters join */
.drop-cap--word:first-letter {
  float: none;
  padding: 0;
  font: inherit;
  color: inherit;
}

.drop-cap__word {
  float: right;
  margin: 0;
  padding: 1.6rem 0 0 1.2rem;
  font-family: "Vazirmatn", serif;
  font-weight: 900;
  font-size: 6rem;
  line-height: 6rem;
  color: #000000;
}

/* Download box (replaces Nazemi's PDF box) — Typerite colors and button */
.download-box {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: 2.4rem 3.2rem;
  margin-bottom: 3.2rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.download-box__badge {
  flex: none;
  width: 6.4rem;
  height: 6.4rem;
  line-height: 6.4rem;
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  font-family: "IBM Plex Sans", "Vazirmatn", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
}

.download-box__body {
  flex: 1;
}

.download-box__body h4 {
  margin: 0 0 0.4rem;
}

.download-box__body p {
  margin: 0;
  font-size: 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

.download-box .btn {
  flex: none;
  margin: 0;
}

@media screen and (max-width: 600px) {
  .download-box {
    flex-wrap: wrap;
  }
  .download-box .btn {
    width: 100%;
  }
}

/* Verdict labels (for comparison tables) — alert-box palette */
.verdict {
  display: inline-block;
  padding: 0.2rem 1rem;
  border-radius: 3px;
  font-family: "IBM Plex Sans", "Vazirmatn", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.4rem;
  white-space: nowrap;
}

.verdict--yes {
  background-color: #c8e675;
  color: #637533;
}

.verdict--mixed {
  background-color: #fff099;
  color: #827217;
}

.verdict--no {
  background-color: #ffd1d2;
  color: #dd4043;
}

tr.total-row td {
  font-weight: 600;
  color: #000000;
}

/* Code reads left-to-right even inside Persian text */
pre,
pre code {
  direction: ltr;
  text-align: left;
}

code {
  unicode-bidi: isolate;
}
