/*
=====================================================
📄 File Name : nolday_main.css
📂 File Path : /thema/Basic/css/nolday_main.css
=====================================================
*/

/* [1] 기본 레이아웃 - PC 가로 정렬 강제 */
#nolday-app { width: 100% !important; display: block !important; padding: 0 0 50px 0 !important; transition: background 0.3s ease; }
.nol-container { max-width: 1400px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; }

/* PC 바둑판 정렬의 핵심 */
#nolday-app .nol-row { 
    display: flex !important; 
    flex-wrap: wrap !important; 
    margin: 0 -10px !important; 
}

/* 그리드 너비 강제 고정 (PC 가로형) */
#nolday-app .nol-col-33 { flex: 0 0 33.333% !important; max-width: 33.333% !important; padding: 0 10px !important; box-sizing: border-box !important; }
#nolday-app .nol-col-25 { flex: 0 0 25% !important; max-width: 25% !important; padding: 0 10px !important; box-sizing: border-box !important; }
#nolday-app .shop-col-20 { flex: 0 0 20% !important; max-width: 20% !important; padding: 0 8px !important; box-sizing: border-box !important; }

/* [2] 상단 메뉴바 */
.main-top-nav { width: 100% !important; height: 70px !important; display: flex !important; align-items: center !important; border-bottom: 1px solid rgba(128,128,128,0.2) !important; margin-bottom: 30px !important; }
.nav-wrapper { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; }
.main-logo { font-size: 24px !important; font-weight: 900 !important; color: #d4af37 !important; text-decoration: none !important; }
.btn-all-menu { background: none !important; border: none !important; font-size: 30px !important; cursor: pointer !important; color: inherit !important; }

/* [3] 테마별 색상 제어 (다크/라이트 완벽 전환) */
/* 🌑 다크 모드 */
.nolday-dark { background: #0b0c0e !important; color: #eaeaf0 !important; }
.nolday-dark .main-top-nav { background: #16181d !important; }
.nolday-dark .nol-box, .nolday-dark .shop-card-mini { background: #16181d !important; border: 1px solid #252830 !important; }
.nolday-dark .box-title, .nolday-dark .shop-card-header { color: #fff !important; border-bottom: 1px solid #252830 !important; }
.nolday-dark .nolday-latest-content a { color: #ccc !important; text-decoration: none; }
.nolday-dark .nolday-latest-content a:hover { color: #fff !important; padding-left: 5px; transition: 0.2s; }

/* ☀️ 라이트 모드 */
.nolday-light { background: #f4f6f9 !important; color: #333 !important; }
.nolday-light .main-top-nav { background: #ffffff !important; }
.nolday-light .nol-box, .nolday-light .shop-card-mini { background: #ffffff !important; border: 1px solid #dee2e6 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.nolday-light .box-title, .nolday-light .shop-card-header { color: #222 !important; border-bottom: 1px solid #eee !important; }
.nolday-light .nolday-latest-content a { color: #555 !important; text-decoration: none; }
.nolday-light .nolday-latest-content a:hover { color: #d4af37 !important; padding-left: 5px; transition: 0.2s; }

/* [4] 박스 디자인 공통 */
.nol-box { border-radius: 8px; padding: 20px; height: 100%; box-sizing: border-box; margin-bottom: 20px; }
.line-red { border-top: 4px solid #ff4d4d !important; }
.line-gold { border-top: 4px solid #d4af37 !important; }
.line-blue { border-top: 4px solid #3498db !important; }
.sec-title { font-size: 22px; font-weight: bold; border-left: 5px solid #d4af37; padding-left: 12px; margin-bottom: 25px; margin-top: 30px; }
.grid-title { color: #d4af37; font-size: 15px; font-weight: bold; margin-bottom: 12px; border-left: 3px solid #d4af37; padding-left: 10px; }

/* [5] 전체 메뉴 (Sitemap) */
#nolday-full-menu { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 99999 !important; display: none; overflow-y: auto !important; }
#nolday-full-menu.active { display: block !important; }
.nolday-dark#nolday-full-menu { background: #1a1c21 !important; }
.nolday-light#nolday-full-menu { background: #ffffff !important; }
.menu-bottom-close-area { width: 100% !important; background: #000 !important; padding: 15px 0 !important; text-align: center !important; position: sticky !important; bottom: 0 !important; }
.btn-close-full { background: none !important; border: none !important; color: #fff !important; font-size: 18px; font-weight: bold !important; cursor: pointer !important; }

/* [6] 최신글 리스트 정리 */
.nolday-latest-content header, .nolday-latest-content .lat_title, .nolday-latest-content .lt_more { display: none !important; }
.nolday-latest-content ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.nolday-latest-content li { padding: 8px 0 !important; border-bottom: 1px solid rgba(128,128,128,0.1) !important; font-size: 14px !important; }
.nolday-latest-content a { display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }