/* PRODUCT LIST */
.step3-products{
    padding:10px;
    padding-bottom:10px; /* footer space */
    overflow-y:auto;
}

/* ITEM CARD (same as cart) */
.step3-item{
    display:flex;
    gap:10px;
    background:#f9f9f9;
    padding:10px;
    border-radius:10px;
    margin-bottom:10px;
}

/* IMAGE */
.step3-img{
    width:60px;
    height:60px;
    background:#eee;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
}

/* INFO */
.step3-info{
    flex:1;
}
.step3-header{
    display:none;
}

/* FOOTER */
.step3-footer{
    position: relative;
    margin-top: 20px;
    background:#187E20;
    color:#fff;
    padding:15px;
    font-weight:bold;

    display:flex;
    flex-direction:column; /* 🔥 vertical */
    gap:5px;
}

/* line styling */
.step3-footer .footer-line{
    display:flex;
    justify-content:space-between;
    font-size:16px;
}
.bill-cart-qty-box input{
    width: 35px;
    height: 28px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0;
}
.bill-cart-qty-box{
    display:flex;
    align-items:center;
    gap:5px;
}

.bill-cart-qty-box button{
    background:red;
    color:white;
    border:none;
    width:25px;
    height:25px;
    border-radius:4px;
    cursor:pointer;
}
/* =========================
   PRODUCT NAME STYLE
========================= */
.bill-product-name{
    font-weight: 700;
    color: #000;
    font-size: 16px;
}

/* =========================
   STEP 3 PRODUCT PRICE
========================= */
.step3-products .bill-cart-item-price{
    font-weight: 700;
    color: #1e88e5;
    font-size: 15px;
}
#step3Content .bill-cart-item-name{
    font-weight: 700;
    color: #000 !important;
    font-size: 15px;
}

#step3Content .bill-cart-item-price{
    font-weight: 700;
    color: #1e88e5 !important;
    font-size: 14px;
}


/*temporary
#step3Content{
    position: relative;
    z-index: 99999;
}



#step3Content{
    position: relative;
    z-index: 99999 !important;
    pointer-events: auto !important;
}



.step-actions,
.step-bar{
    pointer-events:none !important;
}
.step3-footer{
    pointer-events:none;
}

.step3-item{
    position:relative;
    z-index:99999 !important;
}*/



/* =========================================
   STEP 3 PRICE EDITOR
   ========================================= */
.step3-price-row{
    width:100%;
}

.step3-price-wrap{
    display:flex;
    align-items:center;
    gap:6px;
    min-height:32px;
}

.step3-price-value{
    display:inline-block;
}

.step3-price-input{
    display:none;
    width:86px;
    height:30px;
    box-sizing:border-box;
    border:1px solid #d1d5db;
    border-radius:6px;
    padding:3px 7px;
    font-size:14px;
    font-weight:700;
    color:#1e88e5;
    background:#fff;
    outline:none;
}

.step3-price-input:focus{
    border-color:#1e88e5;
    box-shadow:0 0 0 2px rgba(30,136,229,.12);
}

.step3-price-edit,
.step3-price-save{
    border:0;
    background:transparent;
    padding:2px;
    width:26px;
    height:26px;
    line-height:22px;
    font-size:18px;
    cursor:pointer;
    border-radius:5px;
    align-items:center;
    justify-content:center;
}

.step3-price-edit{
    display:inline-flex;
    color:#555;
}

.step3-price-save{
    display:none;
    color:#16a34a;
}

.step3-price-edit:hover,
.step3-price-save:hover{
    background:#f1f5f9;
}

.step3-price-updated{
    display:inline-block;
    opacity:0;
    transform:translateX(-3px);
    font-size:10px;
    font-weight:800;
    color:#16a34a;
    letter-spacing:.3px;
    transition:opacity .15s ease, transform .15s ease;
    pointer-events:none;
}

.step3-price-updated.show{
    opacity:1;
    transform:translateX(0);
}

.step3-item.price-editing .step3-price-value{
    display:none;
}

.step3-item.price-editing .step3-price-input{
    display:inline-block;
}

.step3-item.price-editing .step3-price-edit{
    display:none;
}

.step3-item.price-editing .step3-price-save{
    display:inline-flex;
}