/* ============================================================
   FOOTER — vier kolommen op een bijna-zwart vlak, daaronder een
   haarlijn en de copyright gecentreerd.
   Bewust niet #000: een licht getinte donkere grond leest rustiger
   en sluit aan bij de inktkleur van de site.
   ============================================================ */
.wx-footer{
  background:#141112;
  color:#fff;
  padding-block:clamp(3rem,7vw,5rem) clamp(1.6rem,3vw,2.4rem);
}
.wx-footer-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:clamp(2rem,5vw,4rem);
  align-items:start;
}

/* ---- Merkkolom ---- */
.wx-foot-merk-rij{display:inline-flex;align-items:center;gap:.7rem}
/* Wit gemaakt: de rode wordmark verdwijnt bijna op bijna-zwart. */
.wx-foot-embleem{width:min(190px,70%);height:auto;display:block;filter:brightness(0) invert(1)}
.wx-foot-tagline{
  margin-top:1.1rem;max-width:32ch;
  color:#ffffffa8;font-size:.95rem;line-height:1.65;
}

/* ---- Kolomtitels ---- */
.wx-foot-titel{
  font-family:var(--font);font-style:normal;font-weight:700;
  text-transform:uppercase;letter-spacing:.14em;
  font-size:.78rem;color:#fff;margin:0 0 1.3rem;line-height:1.4;
}

/* ---- Lijsten ---- */
.wx-foot-lijst{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:.85rem;
}
.wx-foot-lijst a,.wx-foot-lijst span{
  color:#ffffffa8;font-size:.95rem;line-height:1.4;
  transition:color .18s ease;
}
.wx-foot-lijst a:hover{color:#fff}
.wx-foot-contact li{display:flex;align-items:center;gap:.6rem}
.wx-foot-contact svg{width:17px;height:17px;flex:none;color:#ffffff7a}

/* ---- Tarief ---- */
.wx-foot-tarief{
  font-family:var(--font-title);font-style:italic;font-weight:700;
  font-size:clamp(1.6rem,3vw,2.1rem);line-height:1;color:#fff;
  margin:0;letter-spacing:-.02em;
}
.wx-foot-note{
  margin-top:.7rem;max-width:28ch;
  color:#ffffffa8;font-size:.9rem;line-height:1.6;
}

/* ---- Afsluiting ---- */
.wx-foot-streep{
  border:0;height:1px;background:#ffffff26;
  margin:clamp(2.4rem,5vw,3.6rem) 0 clamp(1.2rem,2.5vw,1.8rem);
}
.wx-foot-onder{
  margin:0;text-align:center;
  color:#ffffff85;font-size:.88rem;line-height:1.6;
}

@media(max-width:900px){
  .wx-footer-grid{grid-template-columns:1fr 1fr;gap:2.2rem}
  .wx-foot-merk{grid-column:1 / -1}
}
@media(max-width:560px){
  .wx-footer-grid{grid-template-columns:1fr}
  .wx-foot-merk{grid-column:1}
  .wx-foot-tagline{max-width:none}
}

/* ---- Socials ---- */
.wx-foot-socials{display:flex;gap:.6rem;margin-top:1.3rem}
.wx-foot-social{
  width:40px;height:40px;flex:none;
  display:grid;place-items:center;border-radius:50%;
  background:#ffffff14;color:#ffffffc4;
  transition:background-color .18s ease,color .18s ease;
}
.wx-foot-social svg{width:19px;height:19px}
.wx-foot-social:hover{background:#ffffff2e;color:#fff}