/* Social icons only */
.single-at_biz_dir ul.social-info li a,
.single-at_biz_dir .atbdp-social li a,
.single-at_biz_dir .directorist-social-links a {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #f3f4f6;
  position: relative;
  font-size: 0;
  transition: all 0.2s ease;
  text-decoration: none;
}

/* Hide broken built-in icon only in social area */
.single-at_biz_dir ul.social-info li a i,
.single-at_biz_dir .atbdp-social li a i,
.single-at_biz_dir .directorist-social-links a i {
  display: none !important;
}

/* Icon base only in social area */
.single-at_biz_dir ul.social-info li a::before,
.single-at_biz_dir .atbdp-social li a::before,
.single-at_biz_dir .directorist-social-links a::before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s ease;
}

/* Facebook */
.single-at_biz_dir ul.social-info li a[href*="facebook.com"]::before,
.single-at_biz_dir .atbdp-social li a[href*="facebook.com"]::before,
.single-at_biz_dir .directorist-social-links a[href*="facebook.com"]::before {
  background-image: url("https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/facebook.svg");
}

.single-at_biz_dir ul.social-info li a[href*="facebook.com"]:hover,
.single-at_biz_dir .atbdp-social li a[href*="facebook.com"]:hover,
.single-at_biz_dir .directorist-social-links a[href*="facebook.com"]:hover {
  background: #1877f2;
  transform: translateY(-2px);
}

/* Yelp */
.single-at_biz_dir ul.social-info li a[href*="yelp.com"]::before,
.single-at_biz_dir .atbdp-social li a[href*="yelp.com"]::before,
.single-at_biz_dir .directorist-social-links a[href*="yelp.com"]::before {
  background-image: url("https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/yelp.svg");
}

.single-at_biz_dir ul.social-info li a[href*="yelp.com"]:hover,
.single-at_biz_dir .atbdp-social li a[href*="yelp.com"]:hover,
.single-at_biz_dir .directorist-social-links a[href*="yelp.com"]:hover {
  background: #d32323;
  transform: translateY(-2px);
}

/* Google */
.single-at_biz_dir ul.social-info li a[href*="google."]::before,
.single-at_biz_dir ul.social-info li a[href*="g.page"]::before,
.single-at_biz_dir ul.social-info li a[href*="goo.gl"]::before,
.single-at_biz_dir ul.social-info li a[href*="maps.app.goo.gl"]::before,
.single-at_biz_dir ul.social-info li a[href*="share.google"]::before,
.single-at_biz_dir .atbdp-social li a[href*="google."]::before,
.single-at_biz_dir .atbdp-social li a[href*="g.page"]::before,
.single-at_biz_dir .atbdp-social li a[href*="goo.gl"]::before,
.single-at_biz_dir .atbdp-social li a[href*="maps.app.goo.gl"]::before,
.single-at_biz_dir .atbdp-social li a[href*="share.google"]::before,
.single-at_biz_dir .directorist-social-links a[href*="google."]::before,
.single-at_biz_dir .directorist-social-links a[href*="g.page"]::before,
.single-at_biz_dir .directorist-social-links a[href*="goo.gl"]::before,
.single-at_biz_dir .directorist-social-links a[href*="maps.app.goo.gl"]::before,
.single-at_biz_dir .directorist-social-links a[href*="share.google"]::before {
  background-image: url("https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/google.svg");
}

.single-at_biz_dir ul.social-info li a[href*="google."]:hover,
.single-at_biz_dir ul.social-info li a[href*="g.page"]:hover,
.single-at_biz_dir ul.social-info li a[href*="goo.gl"]:hover,
.single-at_biz_dir ul.social-info li a[href*="maps.app.goo.gl"]:hover,
.single-at_biz_dir ul.social-info li a[href*="share.google"]:hover,
.single-at_biz_dir .atbdp-social li a[href*="google."]:hover,
.single-at_biz_dir .atbdp-social li a[href*="g.page"]:hover,
.single-at_biz_dir .atbdp-social li a[href*="goo.gl"]:hover,
.single-at_biz_dir .atbdp-social li a[href*="maps.app.goo.gl"]:hover,
.single-at_biz_dir .atbdp-social li a[href*="share.google"]:hover,
.single-at_biz_dir .directorist-social-links a[href*="google."]:hover,
.single-at_biz_dir .directorist-social-links a[href*="g.page"]:hover,
.single-at_biz_dir .directorist-social-links a[href*="goo.gl"]:hover,
.single-at_biz_dir .directorist-social-links a[href*="maps.app.goo.gl"]:hover,
.single-at_biz_dir .directorist-social-links a[href*="share.google"]:hover {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  transform: translateY(-2px);
}