/*
 * Component: Footer Contact
 * Description: Contact information block with icons.
 * Refactored from: css/conf/01-layout/06.footer.css
 */

.wsdt-contact-item {
  margin-bottom: var(--space-md);
  display: flex;
  align-items: center;
  /* color: var(--text-on-dark); */
  color: var(--text-body); /* Context-aware (White in footer, Dark in main) */
}

.wsdt-contact-item:last-child {
  margin-bottom: 0;
}

/* REMOVED: Redundant override due to Context-aware --text-body */
/* main .wsdt-footer-contact .wsdt-contact-item {
  color: var(--color-primary);
} */

/* Contact Icons Styling */
.wsdt-footer-contact .wsdt-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size-md);
  margin-right: var(--space-xs);
}

.wsdt-footer .wsdt-footer-contact .wsdt-icon svg {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  stroke: currentColor;
}