/* Οπτική στοίχιση/μέγεθος/αντίθεση */
.footer .social a,
.social a,
.social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #111;         /* σκούρο για καλή αντίθεση */
  border-radius: 4px;
  color: #fff !important;   /* το εικονίδιο */
  text-decoration: none;
  vertical-align: middle;
}

/* Κάνε τα εικονίδια (fontawesome/svg) να φαίνονται σωστά */
.footer .social a i,
.social a i,
.social-icons a i {
  font-size: 16px;
  line-height: 1;
}
.footer .social a svg,
.social a svg,
.social-icons a svg {
  width: 16px; height: 16px;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Κρύψε οπτικά τυχόν κείμενο μέσα στο link (θα γίνει sr-only με το JS) */
.footer .social a > span:not(.sr-only),
.social a > span:not(.sr-only),
.social-icons a > span:not(.sr-only) { display: none !important; }

/* Βοηθητικό – κλάση sr-only αν δεν υπάρχει ήδη */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Κάνε το ΦΟΝΤΟ στο ΙΔΙΟ το <a> για να μετρά σωστά ο WAVE */
.social a,
.social-icons a,
.footer .social a {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:32px; height:32px;
  background:#111 !important;     /* φόντο στο <a> */
  color:#fff !important;           /* χρώμα του glyph/εικονιδίου */
  text-decoration:none;
}

/* Τα εσωτερικά elements κληρονομούν το χρώμα, όχι δικό τους φόντο */
.social a i, .social a svg,
.social-icons a i, .social-icons a svg,
.footer .social a i, .footer .social a svg {
  width:18px; height:18px;
  fill:currentColor !important;
  stroke:currentColor !important;
  background:none !important;
}

/* Κρύψε ορατό κείμενο δίπλα στα icons (μένει το aria-label / sr-only) */
.social a > span:not(.sr-only),
.social-icons a > span:not(.sr-only),
.footer .social a > span:not(.sr-only) { display:none !important; }

/* Αν δεν υπάρχει ήδη */
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}