/* ===============================
   Bought Together – Astra Friendly
   =============================== */

.bt-lite-wrapper{
    margin: 20px 0;
    padding: 15px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px; /* Astra style */
}

.bt-lite-title{
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 600;
}

/* المنتجات */
.bt-lite-items{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px,1fr));
    gap: 12px;
}

.bt-lite-item{
    text-align: center;
}

.bt-lite-image img{
    width: 100%;
    border-radius: 6px;
}

.bt-lite-info{
    margin-top: 6px;
    font-weight: 500;
}

.bt-lite-prices{
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

.bt-lite-regular{
    color: #777;
    text-decoration: line-through;
    font-size: 14px;
}

.bt-lite-price,
.bt-lite-discounted{
    font-size: 15px;
    font-weight: 600;
    color: #e36031;
}

.bt-lite-badge{
    font-size: 11px;
    padding: 2px 6px;
    background: #e91e63;
    color: #fff;
    border-radius: 4px;
}

/* الملخص */
.bt-lite-summary{
    margin-top: 15px;
    padding: 12px;
    background: #f6f8fa;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.bt-lite-total-label{
    font-size: 15px;
    font-weight: 600;
}

.bt-lite-total-prices{
    display: flex;
    gap: 8px;
    align-items: center;
}

.bt-lite-total-old{
    font-size: 14px;
    color: #777;
    text-decoration: line-through;
}

.bt-lite-total-price{
    font-size: 16px;
    font-weight: 700;
    color: #3e9983;
}

.bt-lite-save-amount{
    font-size: 13px;
    padding: 3px 10px;
    background: #eafaf3;
    border: 1px solid #d1e7dd;
    border-radius: 20px;
    font-weight: 600;
}

/* زر Astra الافتراضي */
#bt-lite-add-all{
    margin: 10px auto 0;
    font-size: 15px;

}

/* ===============================
   Mobile
   =============================== */

@media (max-width: 768px){

    .bt-lite-items{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .bt-lite-item{
        display: flex;
        gap: 12px;
        text-align: right;
        align-items: center;
    }

    .bt-lite-image{
        width: 80px;
        flex-shrink: 0;
    }

    .bt-lite-info{
        margin: 0;
        font-weight: normal;
    }

    .bt-lite-info a strong{
        font-size: 14px;
        display: block;
        margin-bottom: 4px;
    }

    .bt-lite-prices{
        justify-content: flex-start;
    }

    .bt-lite-summary{
        padding: 10px;
        gap: 8px;
    }

    #bt-lite-add-all{
        width: 100%;
        font-size: 15px;
    }
}