/**
 * ============================================================
 * 🎨 ba.ro Dashboard - 3-components-brands.css
 * ============================================================
 * Layer: 3-Components (UI Components)
 * Description: LittleLink brand button icons (Font Awesome + Korean platforms)
 * Dependencies: Font Awesome 6 Brands, Font Awesome 6 Free
 * Lines: 202
 * Extracted: 2025-11-05
 * ============================================================
 */

/* ============================================================
   FROM: brands.css (LittleLink 브랜드 버튼)
   ============================================================ */

/* 🔥 아이콘 공통 스타일 (Font Awesome 6 필수)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button::before {
  font-family: "Font Awesome 6 Brands", "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 10px;
  font-size: 18px;
  vertical-align: middle;
  line-height: 1;
  /* 🔥 추가: 인라인 정렬 */
}

/* ========================================
   🌐 글로벌 플랫폼 아이콘
   ======================================== */
.button-instagram::before { content: "\f16d"; }
.button-facebook::before, .button-faceb::before { content: "\f09a"; }
.button-youtube::before, .button-yt::before { content: "\f167"; }
.button-tiktok::before { content: "\e07b"; }
.button-x::before, .button-twitter::before { content: "\e61b"; }
.button-linkedin::before, .button-linked::before { content: "\f0e1"; }
.button-github::before { content: "\f09b"; }
.button-discord::before { content: "\f392"; }
.button-telegram::before { content: "\f2c6"; }
.button-whatsapp::before { content: "\f232"; }
.button-spotify::before { content: "\f1bc"; }
.button-twitch::before { content: "\f1e8"; }
.button-reddit::before { content: "\f281"; }
.button-medium::before { content: "\f23a"; }
.button-threads::before { content: "\e618"; }
.button-snapchat::before { content: "\f2ab"; }
.button-pinterest::before { content: "\f0d2"; }
.button-line::before { content: "\f3c0"; }
.button-bluesky::before { content: "\e671"; }
.button-apple-music::before { content: "\f179"; }
.button-soundcloud::before { content: "\f1be"; }
.button-bandcamp::before { content: "\f2d5"; }
.button-paypal::before { content: "\f1ed"; }
.button-coffee::before { content: "\f0f4"; }
.button-ko-fi::before { content: "\f4b9"; }
.button-patreon::before { content: "\f3d9"; }
.button-calendly::before { content: "\f073"; }
.button-notion::before { content: "\f15c"; }
.button-figma::before { content: "\f799"; }
.button-behance::before { content: "\f1b4"; }
.button-dribbble::before { content: "\f17d"; }
.button-vimeo::before { content: "\f27d"; }
.button-etsy::before { content: "\f2d7"; }
.button-amazon::before { content: "\f270"; }
.button-fiverr::before { content: "\e04e"; }

/* ========================================
   🇰🇷 한국 플랫폼 아이콘 (텍스트 로고)
   ======================================== */

/* 네이버 - N 로고 (박스형) */
.button-naver::before,
.button-naver-blog::before,
.button-naver-cafe::before,
.button-naver-booking::before,
.button-naver-place::before,
.button-naver-pay::before {
  content: "N";
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 900;
  font-size: 16px;
  background: white;
  color: #03C75A;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  vertical-align: middle;
}

/* 카카오 - K 로고 (박스형) */
.button-kakao::before,
.button-kakaotalk::before,
.button-kakao-story::before,
.button-kakao-pay::before {
  content: "K";
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 900;
  font-size: 16px;
  background: #3C1E1E;
  color: #FEE500;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  vertical-align: middle;
}

/* 배달의민족 (텍스트만) */
.button-baemin::before {
  content: "배민";
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin-right: 6px;
  vertical-align: middle;
}

/* 쿠팡 (텍스트만) */
.button-coupang::before,
.button-coupang-eats::before {
  content: "쿠팡";
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin-right: 6px;
  vertical-align: middle;
}

/* 당근마켓 (텍스트만) */
.button-daangn::before,
.button-karrot::before,
.button-daangn-pay::before {
  content: "당근";
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin-right: 6px;
  vertical-align: middle;
}

/* 토스 */
.button-toss::before {
  content: "toss";
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  font-size: 13px;
  margin-right: 6px;
  vertical-align: middle;
}

/* 요기요 */
.button-yogiyo::before {
  content: "요기요";
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  font-size: 13px;
  margin-right: 6px;
  vertical-align: middle;
}

/* 무신사 */
.button-musinsa::before {
  content: "M";
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 900;
  font-size: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

/* 쇼핑몰들 */
.button-29cm::before {
  content: "29";
  font-weight: 700;
  margin-right: 6px;
  vertical-align: middle;
}

.button-ably::before {
  content: "A";
  font-weight: 700;
  margin-right: 6px;
  vertical-align: middle;
}

.button-zigzag::before {
  content: "Z";
  font-weight: 700;
  margin-right: 6px;
  vertical-align: middle;
}

.button-bunjang::before {
  content: "번";
  font-weight: 700;
  margin-right: 6px;
  vertical-align: middle;
}

/* 기본 버튼 아이콘 */
.button-default::before {
  content: "🔗";
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  margin-right: 8px;
  vertical-align: middle;
}