/* Contact Us page styles (page-specific) */

.es-social-pill {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-weight: 500;
  transition: transform .15s ease;
}

.es-social-pill:hover { transform: translateY(-1px); }

.es-social-icon {
  width: 20px;
  height: 20px;
  display: block;
  transition: filter .15s ease;
}

/* Light mode: keep original icon colors; Dark mode: white base like footer */
[data-bs-theme="dark"] .es-social-icon {
  filter: brightness(0) invert(1);
}

/* Brand hover filters (same as footer/app.css) */
.es-social-pill:has(img[alt="Facebook"]):hover .es-social-icon {
  filter: invert(29%) sepia(91%) saturate(746%) hue-rotate(187deg) brightness(92%) contrast(92%);
}
.es-social-pill:has(img[alt="TikTok"]):hover .es-social-icon {
  filter: invert(88%) sepia(13%) saturate(7495%) hue-rotate(315deg) brightness(95%) contrast(105%);
}
.es-social-pill:has(img[alt="Instagram"]):hover .es-social-icon {
  filter: invert(33%) sepia(95%) saturate(1922%) hue-rotate(328deg) brightness(97%) contrast(94%);
}
.es-social-pill:has(img[alt="YouTube"]):hover .es-social-icon {
  filter: invert(16%) sepia(87%) saturate(6067%) hue-rotate(356deg) brightness(93%) contrast(110%);
}