@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */
.pick-option-text { color: #9F9F9F; }

/**
25-05-22 웹앤모바일 간편주문기능 css
**/

.easy_order_container {
    position:fixed;
    left:0;
    margin-left:64%;
    width:330px;
}

.easy_order_container .bsc{
    border:0;
    background:#fff;
    border-radius:10px 10px 10px 10px;
}
.easy_order_container .easy_order_contain{
    border-radius:10px 10px 10px 10px;
    border:1px solid #eee;
}

.easy_order_container .easy_order_title{
    background-color:#eee;
    border-radius:10px 10px 0px 0px;
}

.easy_order_container .item_list_wrap{
    max-height: calc(100vh - 500px); /* 여유공간 확보 */
    height: 450px;
    overflow-y:auto;
    width:100%;
}

.easy_order_container .item_list_wrap .option_display_area{
    width: 100%;
    padding: 5px 10px;
}

.easy_order_container .btn_choice_box {
    clear: both;
    width: 100%;
    padding: 20px 0 20px 0;
    text-align: center;
}

/* 전체 테이블 구조 */
.easy_order_container .item_list_wrap .option_item_box {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-bottom: 1px solid #eee;
}

/* 윗줄 - 상품명과 삭제버튼 */
.easy_order_container .item_list_wrap .option_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.easy_order_container .item_list_wrap .product_name {
    font-weight: bold;
    font-size: 15px;
    color: #333;
    flex: 1; /* ✅ 남는 공간까지만 차지하도록 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.easy_order_container .item_list_wrap .delete_goods {
    flex-shrink: 0; /* ✅ 줄어들지 않게 고정 */
    background: none;
    border: none;
    cursor: pointer;
}

.easy_order_container .item_list_wrap .delete_goods img {
    width: 18px;
    height: 18px;
}

/* 옵션명 (회색 텍스트) */
.easy_order_container .item_list_wrap .option_name {
    color: #888;
    font-size: 12px;
}

/* 아랫줄 - 수량과 가격 */
.easy_order_container .item_list_wrap .option_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    gap: 10px;
}


.easy_order_container .item_list_wrap .quantity_box input[type="text"] {
    width: 36px;
    text-align: center;
    padding: 2px;
    font-size: 14px;
    border: 1px solid #ccc;
}

.easy_order_container .item_list_wrap .quantity_box button {
    background: #f8f8f8;
    border: 1px solid #ccc;
    padding: 0 6px;
    font-size: 13px;
    cursor: pointer;
}


.easy_order_container .item_list_wrap .price_box {
    font-size: 15px;
    color: #000;
    white-space: nowrap;
    margin-right: 10px;
}


.check-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6) url(//wiseux.speedgabia.com/imdak/mobile/img/icon/icon_chk.png) no-repeat center center;
    background-size: 50px 50px;
    display: none;
    z-index: 10;
}

.item_photo_box.selected .check-overlay {
    display: block;
}