/* =========================
   WERX MINI ECOSYSTEM STRIP (GLOBAL STANDARD)
   White text + white circles
   Hover = brighter white (no colour change)
========================= */
.werx-eco{
  margin-top:28px;
  padding:18px 0 0;
  border-top:1px solid rgba(255,255,255,.12);
}

.werx-eco__label{
  text-align:center;
  font-size:1.35rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.92);
  margin:0 0 14px;
}

.werx-eco__map{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center; /* centred */
}

.werx-eco__arrow{
  opacity:.45;
  color:rgba(255,255,255,.85);
}

.werx-eco__node{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.75);
  background:transparent;
  color:rgba(255,255,255,.88);
  font-size:14px;
  line-height:1;
  text-decoration:none;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, color .12s ease, filter .12s ease;
  will-change:transform, box-shadow, filter;
}

.werx-eco__node:hover{
  color:#ffffff;
  border-color:rgba(255,255,255,1);
  filter:brightness(1.25);
  box-shadow:
    0 0 0 4px rgba(255,255,255,.14),
    0 10px 26px rgba(0,0,0,.35);
  transform:translateY(-1px);
}

.werx-eco__node--hub{
  font-weight:800;
  letter-spacing:.06em;
}

@media (max-width:575.98px){
  .werx-eco__label{font-size:1.1rem; letter-spacing:.12em;}
  .werx-eco__node{font-size:13px; padding:8px 12px;}
}


/* Prevent global footer hover colour overriding the eco strip */
.werx-footer a.werx-eco__node:hover{
  color:#ffffff !important;
}