/**
 * @file
 * Alt alan ve sosyal medya bağlantıları.
 */

.kalem-footer {
  background-color: var(--kalem-bg-subtle);
  border-top: 1px solid var(--kalem-border);
  flex: none;
  margin-top: var(--kalem-space-8);
}

.kalem-footer__top {
  padding-block: var(--kalem-space-7);
}

.kalem-footer__top .kalem-widget {
  background-color: transparent;
  border: 0;
  margin-bottom: 0;
  padding: 0;
}

.kalem-footer__bottom {
  border-top: 1px solid var(--kalem-border);
  padding-block: var(--kalem-space-5);
}

.kalem-footer__bar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--kalem-space-4);
  justify-content: space-between;
}

.kalem-footer__copyright {
  color: var(--kalem-text-faint);
  font-size: var(--kalem-text-sm);
  margin-bottom: 0;
}

/* --- Sosyal medya ----------------------------------------------------- */

.kalem-social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kalem-space-2);
  list-style: none;
  margin: 0;
  padding: 0;
}

.kalem-social__link {
  align-items: center;
  border: 1px solid var(--kalem-border);
  border-radius: 50%;
  color: var(--kalem-text-muted);
  display: inline-flex;
  height: 38px;
  justify-content: center;
  transition: color var(--kalem-transition), border-color var(--kalem-transition),
    background-color var(--kalem-transition);
  width: 38px;
}

.kalem-social__link:hover {
  background-color: var(--kalem-accent);
  border-color: var(--kalem-accent);
  color: var(--kalem-accent-fg);
}