@charset "utf-8";
/* [추가] Pretendard 웹폰트 CDN 로드 (전체 페이지 적용) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

/* =========================================================
   HOLD'EM STRATEGY COMMUNITY - INTEGRATED DARK THEME
   (Bootstrap 5 Compatible / Mobile First)
   ========================================================= */

:root {
    /* [컬러 팔레트] 홀덤 전용 다크 & 골드 */
    --bs-body-bg: #121212;          /* 메인 배경: 딥 블랙 */
    --bs-body-color: #e0e0e0;       /* 기본 텍스트: 아이보리 화이트 */
    --holdem-gold: #d4af37;         /* 포인트: 골드 */
    --holdem-gold-hover: #b4942b;   /* 포인트 호버 */
    --holdem-dark: #1e1e1e;         /* 카드/박스 배경 */
    --holdem-border: #333333;       /* 테두리 색상 */
    --holdem-header: #000000;       /* 헤더 배경 */
}

/* 1. 글로벌 초기화 (PC/모바일 통합 핵심) */
html, body {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    word-break: break-all;
}
.seo-desc { display: none !important; }

/* 그누보드 고정폭(1200px) 강제 해제 -> 반응형 전환 */
#hd, #wrapper, #ft, .container, #hd_wrapper, #tnb .inner {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* 컨텐츠 내부 여백 자동 조절 */
#container_wr {
    width: 100%;
    max-width: 1400px; /* PC에서 너무 퍼지지 않게 제한 */
    margin: 0 auto;
    padding: 20px;
}

/* 2. 링크 & 텍스트 스타일 */
a { text-decoration: none; color: var(--bs-body-color); transition: 0.3s; }
a:hover { color: var(--holdem-gold); }
.text-gold { color: var(--holdem-gold) !important; }

/* 3. 부트스트랩 컴포넌트 다크 커스텀 */
/* 카드 (게시판 박스) */
.card {
    background-color: var(--holdem-dark);
    border: 1px solid var(--holdem-border);
    margin-bottom: 20px;
}
.card-header {
    background-color: #1a1a1a;
    border-bottom: 1px solid var(--holdem-border);
    color: #fff;
    font-weight: bold;
    padding: 12px 15px;
}
.card-body { padding: 15px; }

/* 리스트 그룹 (최신글 목록 등) */
.list-group-item {
    background-color: transparent;
    border-bottom: 1px solid var(--holdem-border);
    color: #ccc;
    padding: 10px 0;
}
.list-group-item:last-child { border-bottom: 0; }

/* 버튼 (골드 버튼) */
.btn-warning {
    background-color: var(--holdem-gold);
    border-color: var(--holdem-gold);
    color: #000;
    font-weight: bold;
}
.btn-warning:hover {
    background-color: var(--holdem-gold-hover);
    border-color: var(--holdem-gold-hover);
    color: #000;
}

/* 입력폼 (어두운 테마) */
.form-control, .form-select {
    background-color: #2c2c2c;
    border: 1px solid #444;
    color: #fff;
}
.form-control:focus {
    background-color: #333;
    border-color: var(--holdem-gold);
    color: #fff;
    box-shadow: 0 0 5px rgba(212, 175, 55, 0.5);
}

/* 4. 헤더 & 푸터 (레이아웃) */
#hd {
    background-color: var(--holdem-header);
    border-bottom: 1px solid var(--holdem-border);
}
#ft {
    background-color: #0a0a0a;
    border-top: 1px solid var(--holdem-border);
    padding: 40px 0;
    margin-top: 50px;
    text-align: center;
    color: #666;
}

/* 5. 그누보드 레거시(옛날 코드) 호환 패치 */
/* 테이블 다크 모드 강제 적용 */
.tbl_head01 table, .tbl_head02 table { background-color: var(--holdem-dark); width: 100%; }
.tbl_head01 th, .tbl_head02 th {
    background-color: #252525;
    color: #fff;
    border-top: 2px solid var(--holdem-gold);
    border-bottom: 1px solid var(--holdem-border);
    padding: 10px;
}
.tbl_head01 td, .tbl_head02 td {
    background-color: transparent;
    border-bottom: 1px solid var(--holdem-border);
    color: #ccc;
    padding: 10px;
}
/* 모바일에서 테이블 깨짐 방지 (가로 스크롤) */
.tbl_head01, .tbl_head02, .tbl_frm01 {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

/* 페이징 (페이지 번호) */
.pg_wrap { text-align: center; margin: 20px 0; }
.pg_page, .pg_current {
    display: inline-block;
    padding: 5px 12px;
    margin: 0 2px;
    background-color: #2c2c2c;
    border: 1px solid #444;
    color: #aaa;
    border-radius: 4px;
}
.pg_current {
    background-color: var(--holdem-gold);
    color: #000;
    font-weight: bold;
    border-color: var(--holdem-gold);
}

/* 6. 모바일 전용 미세 조정 (768px 이하) */
@media (max-width: 768px) {
    #container_wr { padding: 10px; }
    .card-header { padding: 10px; font-size: 14px; }
    h1, h2 { font-size: 1.5rem; }
    
    /* 모바일에서 불필요한 요소 숨김 */
    #hd_pop, .hd_sch_wr, #hd_wrapper { display: none !important; }
}

/* =========================================================
   SITE LOGO (Responsive)
   ========================================================= */

.site-logo {
    /* 1. 비율 유지 */
    width: auto; 
    
    /* 2. PC 화면: 로고 높이 설정 (원하는 크기로 숫자만 바꾸세요) */
    height: 50px; 
    
    /* 3. 부드러운 렌더링 */
    object-fit: contain; 
    vertical-align: middle;
}

/* 4. 모바일 화면 (768px 이하): 조금 더 작게 줄임 */
@media (max-width: 768px) {
    .site-logo {
        height: 35px; /* 모바일 헤더 높이에 맞춰 축소 */
    }
}

/* =========================================================
   FOOTER LOGO
   ========================================================= */

.footer-logo {
    /* 1. 비율 유지 */
    width: auto;
    
    /* 2. PC 화면: 40px -> 60px로 수정 (원하는 만큼 숫자를 더 키우셔도 됩니다) */
    height: 60px; 
    
    /* 3. 선명하게 */
    object-fit: contain;
    vertical-align: left; /* 또는 middle */
}

/* 4. 모바일 화면: 모바일은 너무 크면 이상하니 30~40px 유지 */
@media (max-width: 768px) {
    .footer-logo {
        height: 35px; /* 모바일도 살짝 키워드림 (30px -> 35px) */
    }
}