:root{
  --es-bg-900:#151516;
  --es-line:#2e2e3c;
  --es-ink:#ffffff;
  --es-muted:#FF4136;
  --es-muted-hover:#ff6a5f;
}

.es-footer{
  background:var(--es-bg-900);
  border-top:1px solid var(--es-line);
  margin-top:60px;
  font-size:14px;
  color:var(--es-ink);
}

/* Yläosa: logo + kolumnit */
.es-footer__top{
  max-width:1180px;
  margin:0 auto;
  padding:36px 32px 28px;
  display:flex;
  justify-content:space-between;
  gap:48px;
}

/* Brand vasemmalle */
.es-footer__brand{
  flex:0 0 260px;
}

.es-footer__brand-link{
  display:inline-flex;
  align-items:center;
}

.es-footer__logo{
  height:32px;
  width:auto;
  object-fit:contain;
}

.es-footer__brand-text{
  margin-top:14px;
  max-width:260px;
  font-size:0.9rem;
  line-height:1.5;
  color:#b5b7c4;
}

/* Kolumnit oikealle */
.es-footer__cols{
  flex:1;
  display:flex;
  justify-content:flex-end;
  gap:60px;
}

.es-footer__col{
  min-width:120px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

/* Otsikot */
.es-footer__title{
  margin:0 0 8px;
  font-size:0.95rem;
  font-weight:700;
}

/* Linkit */
.es-footer__link{
  color:#d3d5e0;
  text-decoration:none;
  font-size:0.9rem;
  padding:2px 0;
  transition:color .15s ease, transform .15s ease;
}

.es-footer__link:hover{
  color:var(--es-muted);
  transform:translateX(2px);
}

/* Sosiaalit */
.es-footer__social{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:2px;
}

/* Sosiaalinappien perusvärit */
.es-footer__social-link{
  width:32px;
  height:32px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#202128;
  border:1px solid var(--es-line);
  color:#d3d5e0;                 /* <-- HARMAA IKONI */
  transition:
    transform .15s ease,
    opacity .15s ease,
    border-color .15s ease,
    color .15s ease,
    background .15s ease;
}

/* Hover-efekti Earnspace-tyyliin */
.es-footer__social-link:hover{
  transform:translateY(-1px);
  background:#1d1e26;
  border-color:var(--es-muted);
  color:var(--es-muted);         /* <-- PUNAINEN HOVER */
}

/* Ikonin koko */
.es-footer__icon{
  font-size:15px;
  line-height:1;
}

/* Alaosa: copyright-linja */
.es-footer__bottom{
  border-top:1px solid var(--es-line);
  padding:14px 32px 18px;
  text-align:center;
  font-size:0.85rem;
  color:#8d8fa0;
}

.es-footer__copy{
  opacity:0.9;
}

/* RESPONSIVE */
@media (max-width: 900px){
  .es-footer__top{
    flex-direction:column;
    align-items:flex-start;
    gap:28px;
    padding:28px 20px 22px;
  }

  .es-footer__brand{
    flex:none;
  }

  .es-footer__cols{
    width:100%;
    justify-content:flex-start;
    gap:40px;
  }
}

@media (max-width: 640px){
  .es-footer__cols{
    flex-wrap:wrap;
    gap:24px;
  }

  .es-footer__col{
    min-width:140px;
  }

  .es-footer__bottom{
    padding:12px 16px 16px;
  }
}
/* Copyright logon alla */
.es-footer__copy--top {
  margin-top: 14px;
  font-size: 0.85rem;
  color: #8d8fa0;
  opacity: .9;
}
.es-footer-separator {
  width: 100%;
  height: 1px;
  background: var(--es-line);
  margin-top: 60px;
}
/* ===== GLOBAL FIX: footer link colors ===== */
footer.es-footer a,
footer.es-footer .es-footer__link {
  color: #d3d5e0 !important;          /* perusväri */
  text-decoration: none;
}

footer.es-footer a:hover,
footer.es-footer .es-footer__link:hover {
  color: var(--es-muted) !important;  /* Earnspace-punainen hover */
}
/* ===== GLOBAL FOOTER LINK COLORS (works on every page) ===== */

/* Perusväri kaikille footer-linkeille */
.es-footer a,
.es-footer .es-footer__link {
  color: #d3d5e0 !important;
  text-decoration: none;
}

/* Hover-väri Earnspace-punaiseksi */
.es-footer a:hover,
.es-footer .es-footer__link:hover {
  color: var(--es-muted) !important;   /* #FF4136 */
}

/* Sosiaalien ikonit – harmaa → punainen hoverissa */
.es-footer .es-footer__social-link i {
  color: #b5b7c4 !important;
  transition: color .15s ease, transform .15s ease;
}

.es-footer .es-footer__social-link:hover i {
  color: var(--es-muted) !important;
  transform: translateY(-1px);
}
/* footer1.css */
.es-footer {
  border-top: none;    /* poista footerin oma viiva */
}