/* ============================================================
 * ESSIKNETWORK — Widget Réseaux Sociaux (société).
 * Variables : essik-design-tokens.css. Dark mode auto.
 * ============================================================ */
.essik-socials { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
.essik-soc {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2.5rem; height: 2.5rem;
  background: #F1F5F9; border: 1px solid transparent; color: #475569;
  transition: all var(--essik-speed) var(--essik-ease);
}
.essik-shape-circle .essik-soc { border-radius: 50%; }
.essik-shape-rounded .essik-soc { border-radius: .7rem; }
.essik-shape-square .essik-soc { border-radius: .2rem; }
.essik-shape-none .essik-soc { background: transparent; border-color: transparent; width: auto; height: auto; }
.essik-soc:hover { background: var(--essik-primary); border-color: var(--essik-primary); color: #fff; transform: translateY(-2px); }
.essik-soc:focus-visible { outline: 2px solid var(--essik-primary); outline-offset: 2px; }
html[data-theme="dark"] .essik-soc { background: #1A1F2B; color: #94A3B8; }
html[data-theme="dark"] .essik-soc:hover { background: var(--essik-primary); color: #fff; }