/* Sticky container */
#uec-social-sticky {
  position: fixed;
  left: 0;
  top: 32vh;
  transform: translateY(-50%);
  background: #818b72;
/*   border-radius: 0 6px 6px 0; */
/*   padding: 8px 6px; */
  z-index: 99999;
  box-shadow: 0 2px 6px rgba(0,0,0,0.18);
  -webkit-tap-highlight-color: transparent;
  /* Optional: provide a minimal width so the rounded corners look good */
/*   min-width: 48px; */
	width: 40px;
}

/* Vertical list */
#uec-social-sticky .uec-social-list {
  list-style: none;
  margin: 0;
/* 	padding: 0; */
	padding: 10px 0 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Individual items */
#uec-social-sticky .uec-social-list li {
/*   margin: 6px 0; */
	margin: 0 !important;
}

/* Links */
#uec-social-sticky .uec-social-list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
  border-radius: 6px;
  transition: transform 0.12s ease, background 0.12s ease;
  background: transparent;
  outline: none;
}

/* Hover / focus */
#uec-social-sticky .uec-social-list a:hover,
#uec-social-sticky .uec-social-list a:focus {
  transform: translateX(6px);
  background: rgba(0,0,0,0.06);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

/* Icon sizing - use your own images sized as needed */
#uec-social-sticky .uec-social-list img {
  width: 22px;
  height: 22px;
  display: block;
  object-fit: contain;
}

/* Accessibility: visible focus ring for keyboard users */
#uec-social-sticky .uec-social-list a:focus {
  box-shadow: 0 0 0 3px rgba(255,255,255,0.08), 0 0 0 4px rgba(0,0,0,0.12) inset;
}

/* Hide on small screens (optional) */
@media (max-width: 600px) {
  #uec-social-sticky {
/*     display: none; */
		width: 20px;
		height: 145px;
  }
	#uec-social-sticky .uec-social-list {
		height: 100%;
		justify-content: space-around;
		padding: 5px 0 5px 0;
	}
	#uec-social-sticky .uec-social-list img {
  	width: 12px;
  	height: 12px;
	}
	#uec-social-sticky .uec-social-list a {
		height: inherit;
	}
}

/* If you'd like the bar to overlap content slightly less on small viewports, you can adjust left offset:
@media (max-width: 900px) {
  #uec-social-sticky { left: 4px; }
}
*/