@font-face {
  font-family: "Ahlan Sultan";
  src: url("assets/fonts/Sultan.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Ahlan Sultan";
  src: url("assets/fonts/sultan boold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

.post-body[hidden] { display: none !important; }

/* Sultan is used only when the post content itself is detected as Arabic. */
.post .post-body.content-language-ar,
.post .post-body.content-language-ar * {
  font-family: "Ahlan Sultan", "Alexandria", "Tahoma", Arial, sans-serif !important;
}

/* Select the reading font from the post language, not the interface language. */
.post-body.content-language-ar {
  font-family: "Ahlan Sultan", "Alexandria", "Tahoma", Arial, sans-serif;
  line-height: 1.9;
  text-align: start;
}

.post-body.post-body-collapsed {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-clamp: 6;
}

.post-read-toggle {
  display: inline-flex;
  margin: 4px 0 10px;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: #08715d;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.post-read-overlay-host { position: relative; }

.post-read-toggle:not(.is-overlay) {
  display: flex;
  width: max-content;
  margin-bottom: 4px;
}

.post-read-toggle.is-overlay {
  position: absolute;
  z-index: 2;
  top: var(--read-more-top, 0);
  inset-inline-end: 0;
  margin: 0;
  min-height: 1.5em;
  padding-inline-start: 34px;
  background: linear-gradient(to right, transparent 0, #fff 32px, #fff 100%);
  line-height: inherit;
}

html[dir="rtl"] .post-read-toggle.is-overlay {
  background: linear-gradient(to left, transparent 0, #fff 32px, #fff 100%);
}

.post-read-toggle:hover,
.post-read-toggle:focus-visible {
  color: #02372e;
  text-decoration: underline;
  text-underline-offset: 3px;
}

html[dir="rtl"] .post-read-toggle { font-size: 11px; }