/* Social Share Block Styles */
.social-share {
  border-radius: var(--size-8);
}

@media (width < 600px) {
  .social-share {
    margin-top: var(--size-64);
  }
}


.social-share-title {
  margin-bottom: var(--size-16);
  color: var(--color-gray-slate);
}

.social-share-icon-container {
  background: #F1F4F8;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-24);
  flex-wrap: wrap;
  padding: var(--size-24);
  border-radius: var(--corner-radius-cr-4);
}

.social-share-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--corner-radius-cr-4);
  transition: all 0.2s ease;
  text-decoration: none;
  background-color: transparent;
}

.social-share-link:hover {
  transform: scale(1.1);
}

.social-share-link:focus {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

.social-share-link .icon {
  width: var(--size-32);
  height: var(--size-32);
  color: var(--icon-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.social-share-link .icon img {
  width: var(--size-24);
  height: var(--size-24);
  object-fit: contain;
  filter: none;
}

/* Hover effects for different platforms */
.social-share-facebook:hover .icon img {
  filter: brightness(0) saturate(100%) invert(24%) sepia(94%) saturate(1916%) hue-rotate(213deg) brightness(97%) contrast(97%);
}

.social-share-twitter:hover .icon img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

.social-share-linkedin:hover .icon img {
  filter: brightness(0) saturate(100%) invert(13%) sepia(94%) saturate(7151%) hue-rotate(201deg) brightness(85%) contrast(98%);
}

.social-share-email:hover .icon img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

/* Hover filters for newer brand assets */
.social-share-youtube:hover .icon img {
  filter: brightness(0) saturate(100%) invert(28%) sepia(95%) saturate(7484%) hue-rotate(350deg) brightness(96%) contrast(119%);
}

.social-share-tiktok:hover .icon img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

.social-share-instagram:hover .icon img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(74%) saturate(2350%) hue-rotate(313deg) brightness(99%) contrast(99%);
}

.social-share-reddit:hover .icon img {
  transform: scale(1.05);
}

/* Tablet styles */
@media (width >=600px) {
  .social-share-icon-container {
    gap: var(--size-24);
  }
}

/* Desktop styles */
@media (width >=900px) {
  .social-share-icon-container {
    gap: var(--size-24);
  }
}

.social-share-wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-sizing: border-box;
}

@media (width < 1280px) and (width >=768px) {
  .social-share-icon-container {
    gap: var(--size-24);
  }
}