/**
 * Order Review Component
 *
 * Styles for order review table and payment section.
 *
 * @package Hafo\Checkout
 * @version 1.0.0
 */


/* Order Review Container */

.hafo-multistep-checkout .woocommerce-checkout-review-order {
    margin-bottom: var(--hafo-checkout-spacing-xl);
}

/* Hide Order Review Table in Main Column (Items are in Sidebar) */
.hafo-multistep-checkout .hafo-checkout-step--payment .woocommerce-checkout-review-order-table {
    display: none;
}


/* Order Review Heading */

.hafo-multistep-checkout #order_review_heading {
    font-size: var(--hafo-checkout-font-size-lg);
    font-weight: var(--hafo-checkout-font-weight-semibold);
    color: var(--hafo-checkout-text);
    margin: 0 0 var(--hafo-checkout-spacing-lg) 0;
    padding-bottom: var(--hafo-checkout-spacing-md);
    border-bottom: 1px solid var(--hafo-checkout-border);
    font-family: var(--hafo-checkout-font-family);
}


/* Order Review Table */

.hafo-multistep-checkout .woocommerce-checkout-review-order-table {
    width: 100% !important;
    border-collapse: collapse;
    margin-bottom: var(--hafo-checkout-spacing-lg);
    table-layout: fixed;

    /* Better for responsive */
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table thead {
    display: none;
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table tbody tr {
    border-bottom: 1px solid var(--hafo-checkout-border);
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table tbody tr:last-child {
    border-bottom: none;
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table td {
    padding: var(--hafo-checkout-spacing-md) 0;
    vertical-align: top;
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table .product-name {
    font-size: var(--hafo-checkout-font-size-base);
    color: var(--hafo-checkout-text);
    font-weight: var(--hafo-checkout-font-weight-medium);
    line-height: 1.5;
    word-break: break-word;
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table .product-name .product-quantity {
    color: var(--hafo-checkout-text-light);
    font-weight: var(--hafo-checkout-font-weight-normal);
    margin-left: 4px;
}


/* Hide or style deposit info that appears inline */

.hafo-multistep-checkout .woocommerce-checkout-review-order-table .product-name br {
    display: none;
}


/* Deposit plugin information styling */

.hafo-multistep-checkout .woocommerce-checkout-review-order-table .product-name small,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table .product-name br+small,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table .product-name .awcdp-item-deposit-info,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table .product-name div {
    display: block;
    font-size: var(--hafo-checkout-font-size-sm);
    color: var(--hafo-checkout-text-light);
    font-weight: var(--hafo-checkout-font-weight-normal);
    margin-top: var(--hafo-checkout-spacing-xs);
    line-height: 1.4;
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table .product-total {
    text-align: right;
    font-size: var(--hafo-checkout-font-size-base);
    color: var(--hafo-checkout-text);
    font-weight: var(--hafo-checkout-font-weight-medium);
    vertical-align: top;
    white-space: nowrap;
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table .product-total small,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table .product-total br+small {
    display: block;
    font-size: var(--hafo-checkout-font-size-sm);
    color: var(--hafo-checkout-text-light);
    font-weight: var(--hafo-checkout-font-weight-normal);
    margin-top: var(--hafo-checkout-spacing-xs);
    white-space: normal;
    text-align: right;
}


/* Order Totals */

.hafo-multistep-checkout .woocommerce-checkout-review-order-table tfoot {
    border-top: 2px solid var(--hafo-checkout-border);
    margin-top: var(--hafo-checkout-spacing-md);
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table tfoot tr {
    border-bottom: 1px solid var(--hafo-checkout-border);
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child {
    border-bottom: none;
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table tfoot th {
    padding: var(--hafo-checkout-spacing-md) 0;
    text-align: left;
    font-size: var(--hafo-checkout-font-size-base);
    font-weight: var(--hafo-checkout-font-weight-medium);
    color: var(--hafo-checkout-text);
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table tfoot td {
    padding: var(--hafo-checkout-spacing-md) 0;
    text-align: right;
    font-size: var(--hafo-checkout-font-size-base);
    color: var(--hafo-checkout-text);
}

.hafo-multistep-checkout .woocommerce-checkout-review-order-table tfoot .order-total th,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table tfoot .order-total td {
    font-size: var(--hafo-checkout-font-size-lg);
    font-weight: var(--hafo-checkout-font-weight-bold);
    padding-top: var(--hafo-checkout-spacing-lg);
    padding-bottom: var(--hafo-checkout-spacing-lg);
}


/* Cart Subtotal */

.hafo-multistep-checkout .woocommerce-checkout-review-order-table .cart-subtotal th,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table .cart-subtotal td {
    font-weight: var(--hafo-checkout-font-weight-medium);
}


/* Discounts */

.hafo-multistep-checkout .woocommerce-checkout-review-order-table .cart-discount th,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table .cart-discount td {
    color: var(--hafo-checkout-error, #dc2626);
}


/* Shipping */

.hafo-multistep-checkout .woocommerce-checkout-review-order-table .shipping th,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table .shipping td {
    font-size: var(--hafo-checkout-font-size-sm);
}


/* Fees */

.hafo-multistep-checkout .woocommerce-checkout-review-order-table .fee th,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table .fee td {
    font-size: var(--hafo-checkout-font-size-sm);
}


/* Tax */

.hafo-multistep-checkout .woocommerce-checkout-review-order-table .tax-rate th,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table .tax-rate td,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table .tax-total th,
.hafo-multistep-checkout .woocommerce-checkout-review-order-table .tax-total td {
    font-size: var(--hafo-checkout-font-size-sm);
}