@charset "utf-8";

/* 앱마켓 전용 스타일 - basic 테마 스타일 유지 */

/* 로고 수정 */
.appmarket_logo a {color:#fff;text-decoration:none}
.appmarket_logo h2 {font-size:1.5em;margin-bottom:5px}
.appmarket_logo p {font-size:0.92em;color:#b3b3b3}

/* 카테고리 */
.appmarket_category {background:#fff;padding:20px 0;margin-bottom:20px;border-bottom:1px solid #e0e2e5}
.category_list {text-align:center}
.category_list:after {display:block;visibility:hidden;clear:both;content:""}
.category_item {display:inline-block;margin:0 5px 10px;padding:8px 20px;border:1px solid #ddd;background:#fff;color:#666;text-decoration:none;border-radius:3px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s}
.category_item:hover,.category_item.active {background:#3a8afd;color:#fff;border-color:#3a8afd}

/* 필터 */
.appmarket_filter {background:#fff;padding:15px 20px;margin-bottom:20px;border:1px solid #e9e9e9}
.appmarket_filter:after {display:block;visibility:hidden;clear:both;content:""}
.filter_left {float:left}
.filter_right {float:right}
.filter_left strong,.filter_right strong {margin-right:10px}
.btn_filter {display:inline-block;margin-left:5px;padding:5px 15px;border:1px solid #ddd;background:#fff;color:#666;text-decoration:none;border-radius:3px}
.btn_filter:hover,.btn_filter.active {background:#3a8afd;color:#fff;border-color:#3a8afd}
.sort_select {padding:5px 10px;border:1px solid #d0d3db;background:#fff;border-radius:3px}

/* 앱 그리드 - 게시판 스타일 활용 */
.appmarket_grid {margin-bottom:20px}
.appmarket_grid:after {display:block;visibility:hidden;clear:both;content:""}

.app_card {float:left;width:23.5%;margin:0 2% 2% 0;background:#fff;border:1px solid #e9e9e9;text-decoration:none;color:#000;display:block;position:relative;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s}
.app_card:nth-child(4n) {margin-right:0}
.app_card:hover {border-color:#3a8afd;
-webkit-box-shadow:0 2px 5px rgba(58,138,253,0.2);
-moz-box-shadow:0 2px 5px rgba(58,138,253,0.2);
box-shadow:0 2px 5px rgba(58,138,253,0.2)}

.badge_featured {position:absolute;top:10px;right:10px;background:#ff3061;color:#fff;padding:3px 8px;font-size:0.85em;border-radius:3px;z-index:1}

.app_card_image {width:100%;height:180px;object-fit:cover;border-bottom:1px solid #e9e9e9}
.app_card_image_empty {width:100%;height:180px;background:#f5f8f9;display:flex;align-items:center;justify-content:center;font-size:3em;color:#ddd;border-bottom:1px solid #e9e9e9}

.app_card_body {padding:15px}
.app_card_title {font-size:1.083em;font-weight:bold;margin-bottom:8px;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.app_card_description {font-size:0.92em;color:#666;margin-bottom:10px;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.app_card_meta {font-size:0.85em;color:#999;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}
.app_card_meta:after {display:block;visibility:hidden;clear:both;content:""}
.app_rating {float:left}
.app_rating .stars {color:#ffc107}

.app_card_footer:after {display:block;visibility:hidden;clear:both;content:""}
.app_price {float:left;font-size:1.083em;font-weight:bold;color:#28a745}
.app_price.paid {color:#3a8afd}
.platform_badges {float:right}

.badge {display:inline-block;padding:2px 8px;font-size:0.75em;border-radius:3px;margin-left:3px}
.badge_android {background:#3ddc84;color:#fff}
.badge_ios {background:#000;color:#fff}

/* 빈 결과 */
.appmarket_empty {background:#fff;padding:60px 20px;text-align:center;border:1px solid #e9e9e9}
.appmarket_empty i {font-size:3em;color:#ddd;margin-bottom:15px;display:block}
.appmarket_empty h3 {font-size:1.2em;margin-bottom:10px}
.appmarket_empty p {color:#999}

/* 반응형 */
@media (max-width:1200px) {
    .app_card {width:31.33%;margin-right:3%}
    .app_card:nth-child(4n) {margin-right:3%}
    .app_card:nth-child(3n) {margin-right:0}
}

@media (max-width:768px) {
    .app_card {width:48%;margin-right:4%}
    .app_card:nth-child(3n) {margin-right:4%}
    .app_card:nth-child(4n) {margin-right:4%}
    .app_card:nth-child(2n) {margin-right:0}
    .filter_left,.filter_right {float:none;margin-bottom:10px}
}