/* ==========================================================================
   Section: Footer — slim, charcoal
   WordPress: footer.php
   ========================================================================== */

.site-footer {
  padding-block: var(--s-6) max(var(--s-6), env(safe-area-inset-bottom));
  border-block-start: var(--hairline) solid var(--c-rule-dark);
  font-size: var(--t-small);
}

.site-footer__inner {
  display: grid;
  gap: var(--s-4);
  align-items: center;
}

.site-footer__brand {
  display: inline-flex;
  align-items: center;
  gap: var(--s-3);
  min-block-size: 44px;
}

.site-footer__mark {
  inline-size: 1.75rem;
  aspect-ratio: 1223 / 1286;
}

.site-footer__mark img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}

.site-footer__word {
  font-size: 0.75rem;
  letter-spacing: 0.32em;
  font-variation-settings: "opsz" 11;
}

.site-footer__name-fa {
  font-size: var(--t-micro);
  color: var(--c-paper-muted);
}

.site-footer__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--s-4);
  font-size: var(--t-micro);
  color: var(--c-paper-muted);
}

/* Copyright + a quieter credit line beneath it */
.site-footer__legal {
  display: grid;
  gap: var(--s-1);
}

.site-footer__credit {
  font-size: 0.65625rem;               /* 10.5px — clearly below the 12px copyright */
  font-weight: var(--w-light);
  line-height: 1.8;
  color: var(--c-paper-muted);
  opacity: 0.85;
}

.site-footer__credit-link {
  display: inline-block;
  /* comfortable touch area without adding height to the footer */
  padding: 0.75rem 0.375rem;
  margin: -0.75rem -0.375rem;
  font-family: var(--f-display);
  font-size: 0.5625rem;                /* 9px caps ≈ the Persian x-height */
  font-weight: 400;
  font-variation-settings: "opsz" 11;
  letter-spacing: 0.24em;
  margin-inline-end: calc(-0.375rem - 0.24em);   /* cancel trailing tracking */
  color: inherit;
  text-decoration: none;
  transition: color var(--d-base) var(--ease-out);
}

.site-footer__credit-link:hover,
.site-footer__credit-link:focus-visible {
  color: var(--c-cream);
}

.site-footer__credit-link:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: -0.25rem;
}

.site-footer__top {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  min-block-size: 44px;
}

.site-footer__top svg {
  inline-size: 0.875rem;
  block-size: 0.875rem;
}

@media (min-width: 64em) {
  .site-footer__inner {
    grid-template-columns: auto 1fr;
    column-gap: var(--s-7);
  }

  .site-footer__meta {
    gap: var(--s-7);
  }
}