/*
Generic Styling, for Desktops/Laptops
*/

.generated_for_desktop{
    display: table;
    table-layout: fixed;
}

.generated_for_desktop {
    width: 100%;
    border-collapse: collapse;
}

.generated_for_desktop th {
    color: black;
    font-weight: bold;
}

.generated_for_desktop td,
.generated_for_desktop th {
    padding: 1.618em;
    display: table-cell;
    text-align: justify;
}

.generated_for_desktop td.td-btn-update{
    text-align: right;
}

.generated_for_desktop tr:nth-of-type(even), .generated_for_desktop th {
    background-color: #f8f8f8;
}

.generated_for_desktop tr:nth-of-type(odd) {
    background-color: #fdfdfd;
}

.generated_for_mobile{
    display: none;
}

@media only screen and (max-width: 769px) {
    .generated_for_mobile{
        display: table;
        overflow: hidden;
    }

    /* Hide the Total row if the cart is empty */
    table.generated_for_mobile.wdm-quote-cart-table tr:has(td[colspan][class*="no-product"]) {
        display: table-row;
    }

    /* Force remove-row tr back to table-row (prevents flex/block from breaking table layout) */
    table.generated_for_mobile tbody tr:has(> td.product-remove-row) {
        display: table-row !important;
    }

    /* Force remove-row td to table-cell so colspan="2" spans full width */
    .woocommerce table.cart.generated_for_mobile td.product-remove.product-remove-row,
    .woocommerce-page table.cart.generated_for_mobile td.product-remove.product-remove-row,
    table.generated_for_mobile td.product-remove.product-remove-row {
        display: table-cell !important;
        padding: 8px !important;
        border-top: 1px solid #e5e5e5;
    }

    /* Inner flex container: individual × left, remove-all × right */
    table.generated_for_mobile .remove-row-inner {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    /* Style the "remove all" button on the right */
    table.generated_for_mobile .remove-all-right {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        font-size: 1.2em;
        color: red;
        background: transparent;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        padding: 0;
        line-height: 1;
    }

    /* Contain the ::before pseudo-element within the link */
    table.generated_for_mobile a.remove {
        position: relative;
    }

    /* Override WooCommerce smallscreen CSS that hides product thumbnails */
    .woocommerce table.cart.generated_for_mobile td.product-thumbnail,
    .woocommerce-page table.cart.generated_for_mobile td.product-thumbnail {
        display: table-cell !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .woocommerce table.cart.generated_for_mobile td.product-thumbnail img,
    .woocommerce-page table.cart.generated_for_mobile td.product-thumbnail img {
        width: 400px !important;
        height: auto !important;
        max-width: 100% !important;
    }

    body.theme-storefront table.generated_for_mobile tr:first-child {
        display: contents;
    }

    body.theme-storefront table.generated_for_mobile th.product-remove.cart-remove {
        background: white;
    }

    .quoteup-quote-cart table.generated_for_desktop.cart td,
    .quoteup-quote-cart table.generated_for_desktop.cart th{
        padding: 1.618em;
    }

    .generated_for_desktop {
        display: none;
    }

    .mpe-left.wdm-enquiry-form-label {
        display: none;
    }

    .td-btn-update{
        padding: 1.318em;
    }

    .update.wdm-update {
        font-size: 12px !important;
        width: 70%;
        height: 100%;
        padding: 0%;
        margin-left: 14% !important;
    }

    .PDFLogo{
        visibility: hidden;
        display: none;
    }

    .from-data, .to-data, .expiration-data {
        padding-left: 2px !important;
    }

    .mpe-right, .quoteup-quote-cart td.product-thumbnail img {
        width: 100%;
        max-width: 100%;
    }
}