/* ==========================================
   KBOARD SCREENSHOT LIST - SKY BLUE FORCE FIX
========================================== */

/* 전체 */
#kboard-sshot-list{
    width:100% !important;
    min-height:420px !important;
    margin:0 auto !important;
    padding:38px !important;
    box-sizing:border-box !important;
    border-radius:20px !important;
    background:linear-gradient(135deg,#f8fdff,#e6f8ff) !important;
    border:1px solid rgba(100,190,240,.45) !important;
    box-shadow:0 18px 45px rgba(60,150,210,.18) !important;
    overflow:hidden !important;
    color:#36516a !important;
}

/* 상단 */
#kboard-sshot-list .kboard-list-header{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    width:100% !important;
    margin:0 0 25px 0 !important;
    padding:0 !important;
    flex-wrap:wrap !important;
    gap:15px !important;
}

#kboard-sshot-list .kboard-total-count{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:34px !important;
    padding:0 15px !important;
    border-radius:10px !important;
    background:linear-gradient(to bottom,#ffffff,#eaf8ff) !important;
    border:1px solid rgba(91,174,232,.65) !important;
    color:#1f86c9 !important;
    font-size:13px !important;
    font-weight:900 !important;
    box-shadow:0 5px 14px rgba(80,160,220,.13) !important;
}

/* 정렬 select */
#kboard-sshot-list .kboard-list-sort select,
#kboard-sshot-list .kboard-sort select,
#kboard-sshot-list select[name="kboard_list_sort"]{
    height:34px !important;
    min-width:100px !important;
    padding:0 14px !important;
    border-radius:9px !important;
    border:1px solid rgba(91,174,232,.65) !important;
    background:#ffffff !important;
    color:#1f86c9 !important;
    font-size:13px !important;
    font-weight:900 !important;
    outline:none !important;
}

/* 검색 */
#kboard-sshot-list .kboard-search{
    width:100% !important;
    margin:0 0 35px 0 !important;
    padding:0 !important;
}

#kboard-sshot-list .kboard-search form{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    width:100% !important;
    padding:12px !important;
    box-sizing:border-box !important;
    border-radius:12px !important;
    background:#ffffff !important;
    border:1px solid rgba(110,190,235,.4) !important;
    box-shadow:0 5px 16px rgba(80,160,220,.08) !important;
}

#kboard-sshot-list .kboard-search select,
#kboard-sshot-list .kboard-search input{
    height:40px !important;
    border-radius:8px !important;
    border:1px solid rgba(90,170,225,.55) !important;
    background:#ffffff !important;
    color:#184d73 !important;
    padding:0 14px !important;
    outline:none !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-sizing:border-box !important;
}

#kboard-sshot-list .kboard-search select{
    width:74px !important;
    min-width:74px !important;
}

#kboard-sshot-list .kboard-search input{
    width:260px !important;
}

#kboard-sshot-list .kboard-search input::placeholder{
    color:#6a97b3 !important;
}

/* 버튼 */
#kboard-sshot-list .kboard-sshot-button-small,
#kboard-sshot-list .sshot-more-btn,
#kboard-sshot-list .kboard-control a,
#kboard-sshot-list .kboard-control button,
#kboard-sshot-list .kboard-control input[type="submit"],
#kboard-sshot-list .kboard-search button{
    height:40px !important;
    padding:0 24px !important;
    border-radius:10px !important;
    border:1px solid rgba(90,170,225,.6) !important;
    cursor:pointer !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(to bottom,#7bd4ff,#2d96dc) !important;
    color:#ffffff !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    box-shadow:0 8px 18px rgba(70,170,240,.22) !important;
    transition:all .25s ease !important;
}

#kboard-sshot-list .kboard-sshot-button-small:hover,
#kboard-sshot-list .sshot-more-btn:hover,
#kboard-sshot-list .kboard-control a:hover,
#kboard-sshot-list .kboard-control button:hover,
#kboard-sshot-list .kboard-control input[type="submit"]:hover,
#kboard-sshot-list .kboard-search button:hover{
    transform:translateY(-2px) !important;
    background:linear-gradient(to bottom,#a8e8ff,#4bb2f0) !important;
}

/* 그리드 */
#kboard-sshot-list .kboard-sshot-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:24px !important;
    min-height:120px !important;
}

/* 카드 */
#kboard-sshot-list .sshot-card{
    display:block !important;
    overflow:hidden !important;
    border-radius:14px !important;
    text-decoration:none !important;
    background:#ffffff !important;
    border:1px solid rgba(100,180,230,.45) !important;
    box-shadow:0 8px 24px rgba(80,160,220,.12) !important;
    transition:all .25s ease !important;
}

#kboard-sshot-list .sshot-card:nth-child(even){
    background:#f7fcff !important;
}

#kboard-sshot-list .sshot-card:hover{
    transform:translateY(-5px) !important;
    background:#eaf8ff !important;
    border-color:#37a9f0 !important;
    box-shadow:0 14px 34px rgba(80,160,220,.22) !important;
}

#kboard-sshot-list .hidden-card{
    display:none !important;
}

/* 썸네일 */
#kboard-sshot-list .sshot-thumb{
    position:relative !important;
    overflow:hidden !important;
    background:linear-gradient(135deg,#dff4ff,#ffffff) !important;
}

#kboard-sshot-list .sshot-thumb img{
    width:100% !important;
    height:220px !important;
    object-fit:cover !important;
    display:block !important;
    transition:transform .4s ease !important;
}

#kboard-sshot-list .sshot-card:hover .sshot-thumb img{
    transform:scale(1.06) !important;
}

/* NEW */
#kboard-sshot-list .sshot-new{
    position:absolute !important;
    top:12px !important;
    right:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:42px !important;
    height:24px !important;
    padding:0 10px !important;
    border-radius:30px !important;
    background:linear-gradient(to bottom,#ff7d7d,#ff3f3f) !important;
    color:#ffffff !important;
    font-size:11px !important;
    font-weight:900 !important;
    box-shadow:0 5px 12px rgba(255,60,60,.25) !important;
}

/* 내용 */
#kboard-sshot-list .sshot-content{
    padding:16px !important;
}

#kboard-sshot-list .sshot-title{
    position:relative !important;
    height:42px !important;
    line-height:1.4 !important;
    margin:0 0 10px 0 !important;
    padding-left:15px !important;
    overflow:hidden !important;
    color:#17527d !important;
    font-size:15px !important;
    font-weight:900 !important;
}

#kboard-sshot-list .sshot-title:before{
    content:"✦" !important;
    position:absolute !important;
    left:0 !important;
    top:2px !important;
    color:#2aa6ed !important;
    font-size:9px !important;
}

#kboard-sshot-list .sshot-meta{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    font-size:12px !important;
    color:#6a97b3 !important;
    font-weight:800 !important;
}

#kboard-sshot-list .dot{
    width:4px !important;
    height:4px !important;
    border-radius:50% !important;
    background:#2aa6ed !important;
}

/* 더보기 */
#kboard-sshot-list .sshot-more-wrap{
    display:flex !important;
    justify-content:center !important;
    margin-top:40px !important;
}

/* 페이지 */
#kboard-sshot-list .kboard-pagination{
    margin-top:45px !important;
    text-align:center !important;
}

#kboard-sshot-list .kboard-pagination-pages{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:10px !important;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
}

#kboard-sshot-list .kboard-pagination-pages li a,
#kboard-sshot-list .kboard-pagination-pages li span{
    width:40px !important;
    height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    background:#ffffff !important;
    border:1px solid rgba(90,170,225,.55) !important;
    color:#2286c9 !important;
    text-decoration:none !important;
    font-weight:900 !important;
    box-shadow:0 5px 15px rgba(80,160,220,.15) !important;
    transition:.25s !important;
}

#kboard-sshot-list .kboard-pagination-pages li a:hover,
#kboard-sshot-list .kboard-pagination-pages li.active a,
#kboard-sshot-list .kboard-pagination-pages li.active span{
    background:linear-gradient(to bottom,#7fd5ff,#2e98de) !important;
    color:#ffffff !important;
}

/* 글쓰기 */
#kboard-sshot-list .kboard-control{
    margin-top:35px !important;
    display:flex !important;
    justify-content:flex-start !important;
}

/* 모바일 */
@media(max-width:1024px){
    #kboard-sshot-list .kboard-sshot-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }
}

@media(max-width:640px){
    #kboard-sshot-list{
        padding:16px !important;
        border-radius:14px !important;
    }

    #kboard-sshot-list .kboard-list-header{
        display:block !important;
    }

    #kboard-sshot-list .kboard-total-count{
        margin-bottom:12px !important;
    }

    #kboard-sshot-list .kboard-search form{
        display:block !important;
    }

    #kboard-sshot-list .kboard-search select,
    #kboard-sshot-list .kboard-search input,
    #kboard-sshot-list .kboard-search button{
        width:100% !important;
        margin:4px 0 !important;
        box-sizing:border-box !important;
    }

    #kboard-sshot-list .kboard-sshot-grid{
        grid-template-columns:1fr !important;
    }

    #kboard-sshot-list .sshot-thumb img{
        height:210px !important;
    }

    #kboard-sshot-list .kboard-control,
    #kboard-sshot-list .kboard-control a,
    #kboard-sshot-list .kboard-control button,
    #kboard-sshot-list .kboard-control input[type="submit"],
    #kboard-sshot-list .sshot-more-btn{
        width:100% !important;
    }
}