/* CIG brand color presets (front) */
:root{
  --cig-brand-size: 22px;
  --cig-brand-badge: 22px;
  --cig-brand-sat: 1; /* 0.85 ~ 1.15 정도로 커스터마이즈 가능 */
}

/* Base hook */
.cig-brand-colors .cig-community-links-section .cig-community-link .cig-icon{
  transition: transform .18s ease, color .18s ease;
}

/* ===== Mode: brand-solid (icon itself in brand color) ===== */
.cig-brand-mode--brand-solid .cig-community-link[data-platform="youtube"]   .cig-icon { color:#FF0000; }
.cig-brand-mode--brand-solid .cig-community-link[data-platform="facebook"]  .cig-icon { color:#1877F2; }
.cig-brand-mode--brand-solid .cig-community-link[data-platform="instagram"] .cig-icon { color:#C13584; } /* fallback: magenta tone */
.cig-brand-mode--brand-solid .cig-community-link[data-platform="twitter"]   .cig-icon { color:#111; }
.cig-brand-mode--brand-solid .cig-community-link[data-platform="telegram"]  .cig-icon { color:#26A4E3; }
.cig-brand-mode--brand-solid .cig-community-link[data-platform="line"]      .cig-icon { color:#00C300; }
.cig-brand-mode--brand-solid .cig-community-link[data-platform="kakaotalk"] .cig-icon { color:#181600; } /* icon dark on yellow bg is typical; here solid */
.cig-brand-mode--brand-solid .cig-community-link[data-platform="naver_blog"] .cig-icon { color:#03C75A; }
.cig-brand-mode--brand-solid .cig-community-link[data-platform="website"]   .cig-icon { color:#5A3F2E; }
.cig-brand-mode--brand-solid .cig-community-link[data-platform="band"]      .cig-icon { color:#19CE60; }

/* ===== Mode: brand-pill (white icon on brand background badge) ===== */
.cig-brand-mode--brand-pill .cig-community-link .cig-icon{
  color:#fff;
  position:relative;
  width: var(--cig-brand-size);
  height: var(--cig-brand-size);
}
.cig-brand-mode--brand-pill .cig-community-link .cig-icon::before{
  content:"";
  position:absolute; inset:-2px;
  width: var(--cig-brand-badge); height: var(--cig-brand-badge);
  border-radius:999px;
  z-index:-1;
  transform: translate(-1px, -1px);
}

/* Brand badges */
.cig-brand-mode--brand-pill .cig-community-link[data-platform="youtube"]   .cig-icon::before { background:#FF0000; }
.cig-brand-mode--brand-pill .cig-community-link[data-platform="facebook"]  .cig-icon::before { background:#1877F2; }
.cig-brand-mode--brand-pill .cig-community-link[data-platform="twitter"]   .cig-icon::before { background:#111; }
.cig-brand-mode--brand-pill .cig-community-link[data-platform="telegram"]  .cig-icon::before { background:#26A4E3; }
.cig-brand-mode--brand-pill .cig-community-link[data-platform="line"]      .cig-icon::before { background:#00C300; }
.cig-brand-mode--brand-pill .cig-community-link[data-platform="kakaotalk"] .cig-icon::before { background:#FEE500; }
.cig-brand-mode--brand-pill .cig-community-link[data-platform="naver_blog"] .cig-icon::before { background:#03C75A; }
.cig-brand-mode--brand-pill .cig-community-link[data-platform="band"]      .cig-icon::before { background:#19CE60; }
.cig-brand-mode--brand-pill .cig-community-link[data-platform="website"]   .cig-icon::before { background:#5A3F2E; }

/* Instagram – subtle multi‑stop gradient badge */
.cig-brand-mode--brand-pill .cig-community-link[data-platform="instagram"] .cig-icon::before{
  background:
     radial-gradient(35% 35% at 20% 20%, rgba(255,255,255,.25), transparent 60%),
     conic-gradient(from 210deg,
        #F58529, #FEDA77, #DD2A7B, #8134AF, #515BD4, #F58529);
  filter:saturate(var(--cig-brand-sat));
}

/* Hover micro‑interaction */
.cig-brand-colors .cig-community-link:hover .cig-icon{ transform: translateY(-1px) scale(1.04); }
.cig-brand-colors .cig-community-link:active .cig-icon{ transform: translateY(0) scale(0.98); }