/* Quote-request and cart presentation. */

/* Give the standard checkout action its own row above express payments. */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    float: none;
    width: 100%;
    min-height: 56px;
    margin: 0 0 18px;
    padding: 14px 20px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    box-shadow: none !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus-visible {
    outline: 2px solid #333;
    outline-offset: 3px;
}

.aop-empty-quote {
    max-width: 48em;
    padding: 0.5em 0 2em;
}

.aop-empty-quote h2 {
    margin-bottom: 0.55em;
}

.aop-empty-quote p {
    max-width: 44em;
    line-height: 1.65;
}

.aop-empty-quote__action {
    margin-top: 1.5em;
}

.aop-empty-quote__contact {
    margin-top: 2.5em;
    padding-top: 1.75em;
    border-top: 1px dashed #ccc;
}

/* Keep the RFQ table visually consistent with the surrounding page. */
#rfq_cart_wrapper table,
#rfq_cart_wrapper table th,
#rfq_cart_wrapper table td,
#rfq_cart_wrapper .shop_table,
#rfq_cart_wrapper .shop_table td {
    border: none !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

#rfq_cart_wrapper tr,
#rfq_cart_wrapper td {
    border-bottom: none !important;
}

/* Keep the existing remove link available on phones, with a larger tap target. */
@media (max-width: 767px) {
    #rfq_cart_shop_table .product-remove {
        position: static;
        left: auto;
        width: 44px;
        padding-left: 0;
        padding-right: 4px;
        vertical-align: top;
    }

    #rfq_cart_shop_table td.product-name {
        line-height: 24px;
    }

    #rfq_cart_shop_table .product-remove a.remove {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        box-sizing: border-box;
        /* Centre the icon on the name's first 24px line, retaining a 44px hit area. */
        margin: -10px 0;
        padding: 0;
        font-size: 16px;
        line-height: 1;
        text-decoration: none;
    }

    #rfq_cart_shop_table .product-remove a.remove:focus-visible {
        outline: 2px solid #333;
        outline-offset: 2px;
    }
}