/* Coupon on Cart */

.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
    display: flex;
    background: white;
    padding: 20px;
    border-radius: 6px;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    width: 100%;
    flex: 1;
    border-radius: 4px;
    border: none !important;
    background: var(--grey-color);
    margin-right: 10px !important;
    padding: 12px 15px !important;
}

table.cart td.actions .coupon button.button {
    background: var(--black-button) !important;
}

table.cart td.actions .coupon button.button:hover {
    background: var(--black-button-hover) !important;
}

@media (max-width:768px) {

    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        flex-direction: column;
        gap: 10px;
        padding: 5px 15px;
    }

    input#coupon_code {
        width: 100%;
    }

    table.cart td.actions .coupon button.button {
        width: 100% !important;
    }
}