/* ============================================================
   HJS Dienstleistungen — Modern Footer
   ============================================================ */

/* Hide legacy WP footer */
#page-footer { display: none !important; }

.hjs-footer,
.hjs-footer * { box-sizing: border-box; }

.hjs-footer {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: #15321a;
  background-image: radial-gradient(ellipse at 20% 0%, rgba(108,179,63,.14), transparent 55%),
                    radial-gradient(ellipse at 90% 100%, rgba(108,179,63,.08), transparent 50%);
  color: #cfe0c8;
  margin-top: 4rem;
}
.hjs-footer__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(2.5rem, 5vw, 4rem) clamp(1.2rem, 3vw, 2rem) 2rem;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.2fr;
  gap: clamp(2rem, 4vw, 3.5rem);
}

/* Brand column */
.hjs-footer__brand-row { display: flex; align-items: center; gap: .8rem; margin-bottom: 1.1rem; }
.hjs-footer__logo {
  width: 52px; height: 52px;
  object-fit: contain;
  background: #fff;
  border-radius: 12px;
  padding: 6px;
}
.hjs-footer__brand-name {
  font-family: "Manrope", "Inter", sans-serif;
  font-weight: 800;
  font-size: 1.3rem;
  letter-spacing: -.015em;
  color: #fff;
  line-height: 1.1;
}
.hjs-footer__blurb {
  font-size: 14.5px;
  line-height: 1.65;
  color: #a9c2a0;
  max-width: 34ch;
  margin-bottom: 1.4rem;
}
.hjs-footer__contact { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.hjs-footer__contact li { display: flex; align-items: center; gap: .7rem; font-size: 14.5px; }
.hjs-footer__contact svg { width: 17px; height: 17px; color: #6cb33f; flex-shrink: 0; }
.hjs-footer__contact a { color: #e4f0de; text-decoration: none; transition: color .2s; }
.hjs-footer__contact a:hover { color: #6cb33f; }

/* Heading per column */
.hjs-footer__col h3 {
  font-family: "Manrope", "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6cb33f;
  margin: 0 0 1.1rem;
}
.hjs-footer__links { list-style: none; margin: 0; padding: 0; display: grid; gap: .65rem; }
.hjs-footer__links a {
  color: #cfe0c8;
  text-decoration: none;
  font-size: 14.5px;
  line-height: 1.4;
  transition: color .2s, padding-left .2s;
}
.hjs-footer__links a:hover { color: #fff; padding-left: 4px; }

/* Kultkram cross-promo card */
.hjs-footer__kultkram {
  display: block;
  margin-top: 1.4rem;
  padding: 1.1rem 1.2rem;
  border: 1px solid rgba(207,224,200,.18);
  border-radius: 14px;
  background: rgba(0,0,0,.18);
  text-decoration: none;
  transition: border-color .25s, background .25s, transform .25s;
}
.hjs-footer__kultkram:hover {
  border-color: rgba(108,179,63,.5);
  background: rgba(0,0,0,.30);
  transform: translateY(-2px);
}
.hjs-footer__kultkram-eyebrow {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8aa67f;
  display: block;
  margin-bottom: .55rem;
}
.hjs-footer__kultkram img { height: 30px; width: auto; display: block; margin-bottom: .5rem; }
.hjs-footer__kultkram-text { font-size: 13px; color: #a9c2a0; line-height: 1.5; }
.hjs-footer__kultkram-text strong { color: #e4f0de; font-weight: 600; }
.hjs-footer__kultkram-cta { color: #6cb33f; font-weight: 600; font-size: 13px; white-space: nowrap; }

/* Bottom bar */
.hjs-footer__bottom {
  border-top: 1px solid rgba(207,224,200,.12);
  margin-top: 1rem;
}
.hjs-footer__bottom-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.3rem clamp(1.2rem, 3vw, 2rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 13px;
  color: #8aa67f;
}
.hjs-footer__bottom-links { display: flex; gap: 1.2rem; flex-wrap: wrap; }
.hjs-footer__bottom-links a { color: #a9c2a0; text-decoration: none; transition: color .2s; }
.hjs-footer__bottom-links a:hover { color: #fff; }

@media (max-width: 860px) {
  .hjs-footer__inner { grid-template-columns: 1fr; gap: 2.2rem; }
  .hjs-footer__bottom-inner { flex-direction: column; align-items: flex-start; }
}