/* =====================================================================
   Footer Kurniapedia
   Ikon media sosial dan tulisan "Crafted with love".
   ===================================================================== */

.kurnia-footer {
  width: 100%;
  padding: 24px var(--gut,16px) 10px;
}

.kf-card {
  max-width: 520px;
  margin: 0 auto;
  background: var(--paper);
  border: 3px solid var(--line);
  border-radius: var(--r);
  box-shadow: 0 4px 0 var(--line);
  padding: 16px 14px 14px;
  text-align: center;
}

.kf-title {
  margin: 0 0 12px;
  font-weight: 800;
  font-size: .95rem;
  color: var(--night);
  letter-spacing: .1px;
}

.kf-row {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.kf-link {
  --c: var(--mint);
  --cd: var(--mint-d);
  flex: 1 1 0;
  max-width: 96px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: var(--ink);
  -webkit-tap-highlight-color: transparent;
}

.kf-ic {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--cd);
  background: color-mix(in srgb,var(--c) 14%,#fff);
  border: 2px solid color-mix(in srgb,var(--c) 45%,#fff);
  transition: transform .2s,background .2s,color .2s,border-color .2s;
}

.kf-ic svg {
  width: 24px;
  height: 24px;
}

.kf-lb {
  font-weight: 800;
  font-size: .8rem;
  line-height: 1.1;
  color: var(--ink);
}

.kf-link:hover .kf-ic,
.kf-link:focus-visible .kf-ic {
  background: var(--c);
  border-color: var(--cd);
  color: #fff;
  transform: translateY(-2px);
}

.kf-link:focus-visible {
  outline: 3px solid var(--sun);
  outline-offset: 4px;
  border-radius: 14px;
}

.kf-link.ig {
  --c: var(--coral);
  --cd: var(--coral-d);
}

.kf-link.tt {
  --c: var(--grape);
  --cd: var(--grape-d);
}

.kf-link.web {
  --c: var(--sun);
  --cd: #8A6405;
}

.kf-link.wa {
  --c: var(--mint);
  --cd: var(--mint-d);
}

.kf-foot {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 2px dashed var(--line);
  font-weight: 700;
  font-size: .85rem;
  color: var(--muted);
}

.kf-heart {
  color: var(--bad);
  font-size: 1.05em;
}

.kf-foot a {
  color: var(--mint-d);
  font-weight: 900;
  text-decoration: none;
  border-bottom: 2px solid var(--sun);
}

.kf-foot a:hover,
.kf-foot a:focus-visible {
  color: var(--night);
}

body.in-game .kurnia-footer {
  display: none!important;
}

@media print {
  .kurnia-footer {
    display: none!important;
  }
}