/* linkchurch.net: Misskey 방문자 화면에 넣는 구글·애플 로그인 버튼 (nginx 가 Misskey HTML 에 끼워 넣는다). site.js 와 한 쌍. */

/* 안내 상자 안: 가입·로그인 버튼 묶음의 맨 위 두 칸. 크기는 Misskey 버튼(MkButton full rounded, 줄 높이 28px)과 똑같이 맞춘다. */
.lc-social__btn {
  position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; min-width: 100px; padding: 7px 14px; box-sizing: border-box; line-height: 28px;
  border-radius: 999px; background: #fff; color: #1c1e21 !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.14);
  font-size: 95%; font-weight: normal; text-align: center; text-decoration: none !important; transition: filter 0.1s ease;
}
.lc-social__btn:hover { filter: brightness(0.95); }
.lc-social__btn--apple { background: #000; color: #fff !important; box-shadow: none; }
.lc-social__btn--apple:hover { filter: brightness(1.35); }
.lc-social__btn svg { flex: 0 0 auto; }

/* 안내 상자의 "다른 서버 찾기" 버튼(Misskey 서버 목록으로 나가는 링크)은 숨긴다 (2026-10-04 사용자 요청) */
a[href^="https://misskey-hub.net/servers"] { display: none !important; }

/* 안내 상자가 없는 화면(좁은 화면의 프로필·글 등)을 보는 방문자용 간편 로그인 띠 */
#lc-sso {
  position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 400000; display: flex; gap: 8px; align-items: center;
  background: rgba(255, 255, 255, 0.96); color: #1c1e21; border-radius: 999px; padding: 8px 10px 8px 16px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.22);
  font: 600 13px/1.2 system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; max-width: calc(100vw - 24px); white-space: nowrap;
}
#lc-sso a { display: inline-block; padding: 8px 14px; border-radius: 999px; text-decoration: none; font-weight: 700; border: 1px solid #d0d4da; background: #fff; color: #1c1e21; }
#lc-sso a.ap { background: #000; color: #fff; border-color: #000; }
#lc-sso button { border: 0; background: none; color: #889; font-size: 18px; line-height: 1; cursor: pointer; padding: 4px 6px; }
@media (max-width: 480px) { #lc-sso span { display: none; } }