/* ==========================================================================
   Store SNS Icons — Detail Page
   ========================================================================== */

.store-sns {
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: var(--border-width) solid var(--color-neutral-200);
}

.store-sns__title {
  font-family: var(--font-serif);
  font-size: var(--text-lg);
  font-weight: var(--font-bold);
  color: var(--color-neutral-900);
  margin-bottom: var(--space-4);
}

.store-sns__icons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.store-sns__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--radius-full);
  background: var(--color-neutral-100);
  color: var(--color-neutral-600);
  border: var(--border-width) solid var(--color-neutral-200);
  transition: all var(--transition-base);
  text-decoration: none;
}

.store-sns__link:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/* Platform-specific hover colors */
.store-sns__link--instagram:hover {
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  color: #fff;
  border-color: transparent;
}

.store-sns__link--x:hover {
  background: #000;
  color: #fff;
  border-color: transparent;
}

.store-sns__link--line:hover {
  background: #06c755;
  color: #fff;
  border-color: transparent;
}

.store-sns__link--tiktok:hover {
  background: #010101;
  color: #fff;
  border-color: transparent;
}

.store-sns__link--facebook:hover {
  background: #1877f2;
  color: #fff;
  border-color: transparent;
}

.store-sns__link--youtube:hover {
  background: #ff0000;
  color: #fff;
  border-color: transparent;
}

.store-sns__link svg {
  flex-shrink: 0;
}