/* =====================================================================
   Glichekom · Public-Site · Crafted-by-Block (Footer)
   v20260524-craft-1
   ---------------------------------------------------------------------
   Dezenter Premium-Block am unteren Ende des Footers: "Website by
   Dennis Thiede · NORTHLIGHTFRAME". Goldener Akzent, kein Lärm.
   ===================================================================== */

.gk-craft {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,0.04);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* Sehr dezente goldene Trennlinie als Akzent */
.gk-craft::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(212,175,108,0.45) 50%,
    transparent 100%);
}

.gk-craft__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,0.012);
  border: 1px solid rgba(255,255,255,0.04);
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.42);
  font-weight: 500;
  transition:
    background 0.45s cubic-bezier(.22,.61,.36,1),
    border-color 0.45s cubic-bezier(.22,.61,.36,1),
    color 0.45s cubic-bezier(.22,.61,.36,1),
    transform 0.45s cubic-bezier(.22,.61,.36,1);
  user-select: none;
}

.gk-craft__label {
  font-style: italic;
  font-weight: 400;
  opacity: 0.85;
}

.gk-craft__name {
  color: rgba(255,255,255,0.65);
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: color 0.45s ease;
}

.gk-craft__sep {
  color: rgba(212,175,108,0.45);
  font-weight: 400;
}

.gk-craft__logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter:
    drop-shadow(0 2px 6px rgba(212,175,108,0.18))
    saturate(0.85)
    brightness(0.92);
  transition:
    filter 0.55s cubic-bezier(.22,.61,.36,1),
    transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.gk-craft__brand {
  display: inline-flex;
  align-items: baseline;
  gap: 0;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.gk-craft__brand-north {
  color: rgba(255,255,255,0.50);
  transition: color 0.45s ease;
}
.gk-craft__brand-frame {
  color: rgba(212,175,108,0.62);
  transition: color 0.45s ease;
}

/* ─── Hover: Gold-Akzent verstärken, sanftes Heben ──────────────────── */
.gk-craft__link:hover,
.gk-craft__link:focus-visible {
  background: rgba(212,175,108,0.06);
  border-color: rgba(212,175,108,0.28);
  color: rgba(255,255,255,0.85);
  transform: translateY(-2px);
}
.gk-craft__link:hover .gk-craft__name,
.gk-craft__link:focus-visible .gk-craft__name {
  color: #fff;
}
.gk-craft__link:hover .gk-craft__logo,
.gk-craft__link:focus-visible .gk-craft__logo {
  filter:
    drop-shadow(0 4px 14px rgba(212,175,108,0.45))
    saturate(1.1)
    brightness(1.05);
  transform: rotate(-2deg) scale(1.08);
}
.gk-craft__link:hover .gk-craft__brand-north,
.gk-craft__link:focus-visible .gk-craft__brand-north {
  color: rgba(255,255,255,0.92);
}
.gk-craft__link:hover .gk-craft__brand-frame,
.gk-craft__link:focus-visible .gk-craft__brand-frame {
  color: #d4af6c;
}

.gk-craft__link:focus-visible {
  outline: 2px solid rgba(212,175,108,0.45);
  outline-offset: 4px;
}

/* ─── Mobile ──────────────────────────────────────────────────────── */
@media (max-width: 540px) {
  .gk-craft {
    margin-top: 22px;
    padding-top: 18px;
  }
  .gk-craft__link {
    padding: 9px 14px;
    gap: 8px;
    font-size: 10px;
  }
  .gk-craft__logo {
    width: 22px;
    height: 22px;
  }
  .gk-craft__brand {
    font-size: 10px;
    letter-spacing: 0.12em;
  }
  /* Auf sehr schmalen Geraeten "Website by" weglassen */
  .gk-craft__label {
    display: none;
  }
}