/**
 * ==========================================================
 * LQW Inventory
 * Responsive Inventory Table
 * ==========================================================
 */

/* ==========================================================
   Desktop
========================================================== */

.lqw-inventory-table-wrap{

    overflow-x:auto;

}

.lqw-inventory-table{

    width:100%;

    border-collapse:collapse;

}

.lqw-inventory-table th,
.lqw-inventory-table td{

    padding:14px 16px;

    vertical-align:middle;

}

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

@media (max-width:767px){

    .lqw-inventory-table thead{

        display:none;

    }

    .lqw-inventory-table,
    .lqw-inventory-table tbody,
    .lqw-inventory-table tr,
    .lqw-inventory-table td{

        display:block;

        width:100%;

    }

    .lqw-inventory-table{

        border:0;

    }

    .lqw-inventory-table tr{

        background:#ffffff;

        margin-bottom:18px;

        border-radius:12px;

        overflow:hidden;

        box-shadow:
            0 4px 18px rgba(0,0,0,.08);

        border:1px solid #e5e7eb;

    }

    .lqw-inventory-table td{

        display:flex;

        justify-content:space-between;

        align-items:center;

        gap:15px;

        padding:14px 18px;

        border-bottom:1px solid #f1f5f9;

    }

    .lqw-inventory-table td:last-child{

        border-bottom:none;

    }

    .lqw-inventory-table td:nth-child(1)::before{

        content:"Block";

        font-weight:700;

        color:#64748b;

    }

    .lqw-inventory-table td:nth-child(2)::before{

        content:"Lot";

        font-weight:700;

        color:#64748b;

    }

    .lqw-inventory-table td:nth-child(3)::before{

        content:"Lot Area";

        font-weight:700;

        color:#64748b;

    }

    .lqw-inventory-table td:nth-child(4)::before{

        content:"Status";

        font-weight:700;

        color:#64748b;

    }

    .lqw-inventory-table td:nth-child(5)::before{

        content:"";

    }

    .lqw-action-column{

        justify-content:center !important;

    }

    .lqw-view-btn{

        width:100%;

        justify-content:center;

    }
    

}