/* ===================== FOOTER ===================== */
.site-footer {
  background: var(--bg);
  color: var(--on-surface);
  padding: var(--spacing-md) var(--gutter);
  text-align: center;
  border-top: 1px solid var(--outline);
  margin-top: var(--spacing-xl);
}

.footer-inner {
  max-width: var(--container-max);
  margin: 0 auto;
}

.footer-logo {
  font: var(--text-headline-md);
  font-size: 18px;
  display: block;
  margin-bottom: var(--spacing-xs);
  color: var(--primary);
}

.footer-arabic {
  color: var(--accent);
  font-size: 1.2rem;
}

.site-footer p {
  font: var(--text-body-md);
  font-size: 14px;
  color: var(--on-surface-variant);
  margin: var(--spacing-sm) 0 0;
}