/* Grid gets tighter on tablets, stacks on phones */
footer{
  background-color: #999b9e;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 28px;
}
@media (max-width: 1024px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 22px; }
}
@media (max-width: 640px) {
  .footer-grid { grid-template-columns: 1fr; gap: 18px; }
}

/* Social icons wrap nicely on small screens */
.social-row { display: flex; flex-wrap: wrap; gap: 10px; }
.social-btn { width: 40px; height: 40px; display: inline-flex; justify-content:center; align-items:center; border-radius:50%; }

/* Language pills stay tappable */
.lang-row { display:flex; gap:8px; flex-wrap: wrap; }
.lang-pill { padding: 6px 12px; border-radius: 999px; display:inline-block; }

/* Bottom bar centers itself on mobile */
.footer-bottom {
  display:flex; justify-content:center; align-items:center; padding:14px 0 20px;
  text-align:center;
}

/* Remove any old bottom-links styling if present */
.bottom-links { display: none !important; }

/* override footer bg to match site */
.tm-footer.site-footer{
  background-color: #ececec;  /* or your page's main bg */
  background-image: none;
}

/* Footer menu: inline, no bullets, no underline, slightly bold */
.tm-footer .footer-nav ul{
  display:flex;
  flex-wrap:wrap;
  gap:18px;              /* spacing between items */
  margin:0;
  padding:0;
  list-style:none;       /* remove bullets */
}
.tm-footer .footer-nav li{
  list-style:none;
  margin:0;
}
/* some templates draw bullets with ::before — kill them */
.tm-footer .footer-nav li::before{ content:none !important; }

/* links: bold-ish, no underline */
.tm-footer .footer-nav a.tm-footer-link{
  font-weight:600;       /* “little bit bold” */
  text-decoration:none;  /* no underline */
  border-bottom:0;       /* some themes fake underline with border */
}
/* keep it clean on hover/focus too */
.tm-footer .footer-nav a.tm-footer-link:hover,
.tm-footer .footer-nav a.tm-footer-link:focus{
  text-decoration:none;
  opacity:.9;
}

/* optional: on very small screens stack neatly */
@media (max-width: 480px){
  .tm-footer .footer-nav ul{ gap:12px; }
}

/* Left block (about + contact list) */
.tm-footer .footer-about,
.tm-footer .footer-contact li{ color:#999b9e; font-weight: 500;}                  /* darker text */
.tm-footer .footer-contact a{ color:#0a66c2; text-decoration:none; }
.tm-footer .footer-contact a:hover{ color:#084a8f; }

/* Menu links (right block) */
.tm-footer .footer-nav a.tm-footer-link{
  color:#999b9e;                                              /* link color */
  font-weight:600;
  text-decoration:none;                                       /* no underline */
}
.tm-footer .footer-nav a.tm-footer-link:hover{ color:#084a8f; }/* hover color */