/**
 * Deposit Plugin Component
 *
 * Styles for deposit plugin integration in checkout.
 *
 * @package Hafo\Checkout
 * @version 1.0.0
 */


/* Deposit Checkout Button Section */

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

.woocommerce-checkout-review-order-table .awcdp-deposit-checkout-button td {
    padding: var(--hafo-checkout-spacing-lg) 0;
}

.awcdp-deposits-wrapper {
    margin: var(--hafo-checkout-spacing-md) 0;
}

.awcdp-deposits-option {
    display: flex;
    flex-direction: column;
    gap: var(--hafo-checkout-spacing-md);
}

.awcdp-radio {
    display: flex;
    align-items: center;
    gap: var(--hafo-checkout-spacing-sm);
}

.awcdp-radio input[type="radio"] {
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
}

.awcdp-radio-label {
    font-size: var(--hafo-checkout-font-size-base);
    font-weight: var(--hafo-checkout-font-weight-medium);
    color: var(--hafo-checkout-text);
    cursor: pointer;
}

.awcdp-deposits-description {
    margin-top: var(--hafo-checkout-spacing-sm);
    font-size: var(--hafo-checkout-font-size-sm);
    color: var(--hafo-checkout-text-light);
}


/* Hide deposit info that appears inline in product names */

.woocommerce-checkout-review-order-table .product-name br {
    line-height: 0;
    content: "";
}

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