@charset "utf-8";
/* 리빌더 부가기능 '구독'(rb/rb.mod/subscribe) — 글 보기 작성자 줄의 구독 단추 · 미니홈 구독 단추 · 구독 목록 보정.
   부가기능 CSS(subscribe.css) 바로 뒤에 붙는다(extend bf_addon_dark_links — 이 파일이 있으면 자동 다크 대신 이것)
   → 자동 다크를 먼저 부른다. 단추 스크립트는 글자(구독하기 ↔ 구독중)와 .off(구독중)만 바꾼다.
   색은 테마 토큰. 선택자 앞 :root[data-theme] — 자동 다크와 같은 세기로 맞춰 뒤에 오는 이쪽이 이긴다.
   부가기능 파일은 고치지 않는다. */
@import url("../addon-dark.php?src=rb%2Frb.mod%2Fsubscribe%2Fsubscribe.css");

/* 글 보기 작성자 줄(skin/board/bf.basic/view.skin.php .bf-sub) — 구독자 수 · 알약 단추 */
:root[data-theme] .bf-sub { display: inline-flex; align-items: center; gap: 8px; margin-left: 2px; }
:root[data-theme] .bf-sub > span { font-size: 12px; color: var(--ink-400); }
:root[data-theme] .bf-sub .cb,
:root[data-theme] .bf-sub .tooltips { display: none; }
:root[data-theme] .bf-sub #subscribe_btn_ajax {
  display: inline-flex; align-items: center; gap: 4px;
  height: 26px; padding: 0 11px;
  border: 1px solid var(--sky-500); border-radius: var(--r-full);
  background: var(--sky-500); color: #fff;
  font-size: 12px; font-weight: 700; line-height: 1; text-decoration: none;
  transition: background-color .15s, border-color .15s, color .15s;
}
:root[data-theme] .bf-sub #subscribe_btn_ajax:hover { background: var(--sky-600); border-color: var(--sky-600); }
:root[data-theme] .bf-sub #subscribe_btn_ajax i { display: inline-flex; }
:root[data-theme] .bf-sub #subscribe_btn_ajax i img { width: 12px; height: 12px; }
/* 구독중 — 옅은 칩 (종 그림은 흰 선이라 짙게 뒤집는다 · 다크에서는 그대로 흰색) */
:root[data-theme] .bf-sub #subscribe_btn_ajax.off { border-color: var(--line); background: var(--surface-2); color: var(--ink-600); }
:root[data-theme] .bf-sub #subscribe_btn_ajax.off:hover { border-color: var(--sky-b3); color: var(--sky-t1); }
:root[data-theme="light"] .bf-sub #subscribe_btn_ajax.off i img { filter: brightness(0); opacity: .55; }
:root[data-theme="dark"] .bf-sub #subscribe_btn_ajax.off i img { opacity: .7; }

/* 미니홈(rb.basic 회원 스킨을 빌려 쓴다) — 구독 단추 · 구독 목록의 짙은 남색을 강조색으로 */
:root[data-theme] .rb_prof .rb_prof_btn .fl_btns.on { background-color: var(--sky-500) !important; }
:root[data-theme] .rb_prof .rb_prof_btn .fl_btns.off { background-color: var(--ink-300) !important; opacity: 1; }
:root[data-theme] .rb-subs-table th { border-bottom-color: var(--line); color: var(--ink-700); font-weight: 700; }
:root[data-theme] .rb-subs-table td { border-bottom-color: var(--line-soft); }
:root[data-theme] .rb-subs-table .fw_push_btn { color: var(--sky-t1); }