/* Water Cleanic V14 — continuous service journey + active navigation */
:root { --wc-active:#08aeea; --wc-navy:#062f49; }

header nav a, .mobile-nav a, .nav-links a {
  position: relative;
  transition: color .2s ease, background-color .2s ease;
}
header nav a.wc-nav-active, .nav-links a.wc-nav-active {
  color: var(--wc-active) !important;
}
header nav a.wc-nav-active::after, .nav-links a.wc-nav-active::after {
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:-10px;
  height:3px;
  border-radius:999px;
  background:var(--wc-active);
}
.mobile-nav a.wc-nav-active {
  color:var(--wc-active) !important;
  background:rgba(8,174,234,.08);
  border-left:3px solid var(--wc-active);
}

.wc-anchor-target { scroll-margin-top: 120px; }
html { scroll-behavior:smooth; }

.wc-journey-bar {
  width:min(1180px, calc(100% - 40px));
  margin:18px auto 0;
  padding:12px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid rgba(5,117,171,.12);
  border-radius:999px;
  background:#fff;
  box-shadow:0 8px 26px rgba(5,48,74,.06);
  position:relative;
  z-index:4;
}
.wc-journey-bar a {
  text-decoration:none;
  color:#526b7c;
  font-weight:800;
  font-size:.82rem;
  letter-spacing:.03em;
  padding:7px 10px;
  border-radius:999px;
  transition:.2s ease;
}
.wc-journey-bar a span { color:#0a91cf; margin-right:4px; }
.wc-journey-bar a.is-active {
  color:#063a5a;
  background:rgba(8,174,234,.10);
}
.wc-journey-arrow { color:#0a91cf; font-weight:900; }

/* Reduce the feeling of entering a separate microsite */
.wc-services-continuous .service-hero,
.wc-services-continuous .services-hero,
.wc-services-continuous .hero {
  margin-top:18px;
}
.wc-services-continuous section {
  scroll-margin-top:110px;
}

@media (max-width:860px) {
  header nav a.wc-nav-active::after, .nav-links a.wc-nav-active::after { display:none; }
  .wc-journey-bar {
    width:calc(100% - 24px);
    justify-content:flex-start;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    border-radius:18px;
    padding:10px 12px;
  }
  .wc-journey-bar::-webkit-scrollbar { display:none; }
  .wc-journey-bar a { white-space:nowrap; }
  .wc-anchor-target { scroll-margin-top:92px; }
}