/* justify body text */
.md-typeset p,
.md-typeset li {
  text-align: justify;
  text-justify: inter-word;
}

/* center images */
.md-typeset img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* figure captions: the italic line right below an image.
   overrides the global "justify body text" rule for these paragraphs only. */
.md-typeset p:has(> img) + p:has(> em) {
  text-align: center !important;
  text-justify: auto;
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--md-default-fg-color--light);
  margin-top: -0.4rem;
}

/* center tables */
.md-typeset__table {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}

/* center text inside table cells */
.md-typeset table td,
.md-typeset table th {
  text-align: center !important;
}


/* center the call-to-action buttons */
.md-typeset .cta-buttons,
.md-typeset .cta-buttons p {
  text-align: center;
}

.cta-buttons .md-button {
  margin: 0.1rem;
}



.refs {
  direction: ltr;
  text-align: left;
}
.md-typeset .refs,
.md-typeset .refs li {
  direction: ltr;
  text-align: left;
}



.page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 2rem;
}
.page-actions .md-button {
  margin: 0;
}



/* shrink the prev/next footer links */
.md-footer__link {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.md-footer__title {
  font-size: 0.7rem;        /* the page-title text; default is ~0.9rem */
  line-height: 1.4;
}
.md-footer__direction {
  font-size: 0.6rem;        /* the small "بعدی/قبلی" label */
}


/* shrink the height of the dark footer strip */
.md-footer-meta__inner {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.md-footer-nav {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.md-footer__link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}




/* recolor the "quote" admonition box */
.md-typeset .admonition.quote,
.md-typeset details.quote {
  border-color: #d4a017;                          /* amber border */
}
.md-typeset .quote > .admonition-title,
.md-typeset .quote > summary {
  background-color: rgba(212, 160, 23, 0.12);     /* faint amber title bar */
}
.md-typeset .quote > .admonition-title::before,
.md-typeset .quote > summary::before {
  background-color: #d4a017;                       /* amber quote icon */
}