/* ============================================================
 * Spokaz Desktop CSS — v2 (Tighter, More Compact)
 *   v1 (default-classic.css)을 그대로 둔 채 이 파일이 오버레이.
 *   어드민 환경설정 > "CSS 버전" v2 선택 시 활성.
 *
 * 핵심 변경 (v1 대비 확실히 차이 나도록):
 *   - 카드 라운드 14px → 8px (좀 더 단정)
 *   - 카드 패딩 ~30% 축소
 *   - 셸 / 사이드 / 메인 gap 축소
 *   - 헤더·푸터 컴팩트
 *   - 베트맨 페이지 PC도 패딩 축소
 * ============================================================ */

/* ── 카드 라운드 + 패딩 축소 ── */
:root {
    --spk-radius: 8px !important;     /* 기존 14px → 8px */
}

.spk-card,
.spk-section,
.spk-hero,
.spk-promo-banner,
.spk-quick-card {
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}

.spk-card-head,
.spk-section-head {
    padding: 7px 12px !important;
    font-size: 12.5px !important;
    border-radius: 8px 8px 0 0 !important;
}
.spk-card-body {
    padding: 8px 12px !important;
}

/* ── 셸 / 메인 / 사이드 ── */
.spk-shell {
    gap: 10px !important;
    padding: 8px 0 24px !important;
}
.spk-sidebar,
.spk-sidebar-right {
    gap: 5px !important;
}
.spk-main {
    gap: 8px !important;
}

/* ── 헤더 컴팩트 ── */
.spk-header-inner {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* ── 푸터 컴팩트 ── */
.spk-footer {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

/* ── 사이드 배너 카드 사이 간격 ── */
.spk-sidebar > * + *,
.spk-sidebar-right > * + * {
    margin-top: 6px !important;
}

/* ── 게시판 행 컴팩트 ── */
.spk-board-list li {
    padding: 7px 12px !important;
}

/* ── 멤버 위젯 카드 패딩 ── */
.spk-member-box {
    padding: 8px !important;
}

/* ── 고객센터 링크 ── */
.spk-cs-link { padding: 7px 5px !important; font-size: 10.5px !important; }
.spk-cs-link i { font-size: 14px !important; }

/* ============================================================
 * BETMAN 페이지 PC 컴팩트
 * ============================================================ */
.bm-wrap {
    margin: 4px 0 16px !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 6px rgba(0,0,0,.04) !important;
}
.bm-header { border-radius: 8px 8px 0 0 !important; }
.bm-header-inner {
    padding: 14px 18px !important;
    gap: 12px !important;
}
.bm-brand-logo {
    width: 48px !important; height: 48px !important; font-size: 24px !important;
}
.bm-brand-txt h1 { font-size: 18px !important; margin-bottom: 3px !important; }
.bm-brand-txt p { font-size: 12px !important; line-height: 1.5 !important; }
.bm-brand-wallet {
    padding: 7px 14px !important;
    border-radius: 8px !important;
}
.bm-wallet-amount { font-size: 17px !important; }
.bm-grid,
.bm-grid.bm-grid-3col {
    padding: 10px !important;
    gap: 10px !important;
}
.bm-main {
    padding: 14px !important;
    border-radius: 8px !important;
}
.bm-rs-head {
    padding: 12px 16px !important;
}
.bm-rs-row {
    padding: 8px 14px !important;
}