/* COMVILLAIN default.css — structural baseline + Gnuboard UI components */

/* ── Layout baseline ── */
body { margin-top: 68px; }
.main-wrapper { min-height: calc(100vh - 68px); }

/* ── 사이드뷰 (글쓴이 팝업) ── */
.sv_wrap { position: relative; font-weight: normal; display: inline-block; }
.sv_wrap .sv {
  z-index: 99999; display: none; position: fixed; margin: 0;
  font-size: 0.8125rem; font-family: 'Pretendard', system-ui, sans-serif;
  background: #1c1c1f; border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px; overflow: visible;
  box-shadow: 0 10px 40px rgba(0,0,0,0.5); min-width: 160px;
}
.sv_wrap .sv::before {
  content: ""; position: absolute; top: -6px; left: 15px;
  width: 0; height: 0; border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent rgba(255,255,255,0.1) transparent; z-index: 1;
}
.sv_wrap .sv a {
  display: flex; align-items: center; gap: 8px; margin: 0; padding: 9px 14px;
  line-height: 1.5; font-weight: 500; color: #a1a1aa; text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.06); transition: all 0.15s;
}
.sv_wrap .sv a:before {
  font-family: "Font Awesome 5 Free"; font-weight: 900;
  font-size: 11px; color: #52525b; width: 14px; text-align: center;
}
.sv_wrap .sv a[onclick*="memo"]:before   { content: "\f0e0"; }
.sv_wrap .sv a[onclick*="email"]:before  { content: "\f1d8"; }
.sv_wrap .sv a[href*="profile"]:before   { content: "\f007"; }
.sv_wrap .sv a[href*="sfl=mb_id"]:before    { content: "\f002"; }
.sv_wrap .sv a[href*="sfl=wr_name"]:before  { content: "\f002"; }
.sv_wrap .sv a[href*="new.php"]:before   { content: "\f15c"; }
.sv_wrap .sv a[href*="member_form"]:before  { content: "\f013"; }
.sv_wrap .sv a[href*="point_list"]:before   { content: "\f3d1"; }
.sv_wrap .sv a[target="_blank"]:before   { content: "\f35d"; }
.sv_wrap .sv a:last-child { border-bottom: 0; }
.sv_wrap .sv a:hover { background: rgba(6,182,212,0.08); color: #06b6d4; padding-left: 18px; }
.sv_wrap .sv a:hover::before { color: #06b6d4; }
.sv_member { color: #a1a1aa; cursor: pointer; }
.sv_member:hover { color: #06b6d4; }
.sv_guest  { color: #71717a; cursor: pointer; }
.sv_on { display: block !important; }
.sv_nojs .sv { display: block; }

/* ── Gnuboard pagination baseline (themed by board skin, just structure here) ── */
.pg_wrap { text-align: center; padding: 1.5rem 0; }
.pg_wrap a, .pg_wrap strong {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 32px; height: 32px; padding: 0 6px; margin: 0 2px;
  border-radius: 7px; font-size: 0.875rem; font-weight: 500; text-decoration: none;
}
.pg_wrap a { color: #71717a; border: 1px solid rgba(255,255,255,0.07); background: rgba(255,255,255,0.03); transition: all 0.15s; }
.pg_wrap a:hover { color: #06b6d4; border-color: rgba(6,182,212,0.3); background: rgba(6,182,212,0.06); }
.pg_wrap strong { color: #09090b; background: #06b6d4; border: 1px solid #06b6d4; }
