/**
 * TPG Addons for WooCommerce - Checkout Flow Styles
 *
 * Applies TPG brand styling to WooCommerce Cart and Checkout Blocks.
 *
 * @package TPG_Addons_WooCommerce
 * @since   2.0.0
 * @updated 3.0.0 — Tokens extracted to variables.css; buttons, typography,
 *                   and responsive breakpoints corrected to match Figma.
 */


/* Sidebar */
.tpg-checkout-flow .wc-block-components-totals-wrapper {
    padding: 10px 0 25px !important;
}

#wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
    max-width: 119px;
    padding: 10px 15px !important;
    min-height: 0 !important;
    height: unset !important;
    border-radius: 4px;
}

#wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input label {
    font-size: 13px !important;
    left: 7px !important;
}

input#wc-block-components-totals-coupon__input-coupon {
    padding: 5px 7px;
    height: auto;
}

input#wc-block-components-totals-coupon__input-coupon:focus {
    border-color: #000000 !important;
}

.wc-block-components-totals-coupon__button .wc-block-components-button__text {
    font-size: 14px;
    line-height: 1;
}
#wc-block-components-totals-coupon__form .wc-block-components-text-input {
    margin-bottom: 0 !important;
}

.wp-block-woocommerce-checkout-order-summary-totals-block {
    border-top: 0 !important;
}

.wc-block-components-totals-item.wc-block-components-totals-footer-item {
    border-top: 0 !important;
}

.wc-block-components-totals-item.wc-block-components-totals-footer-item {
    margin-top: 0 !important;
    padding-top: 10px !important;
}

.wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-family: var(--tpg-font-body) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.33 !important;
    text-align: left;
    color: var(--tpg-black) !important;
}

.wc-block-components-totals-footer-item-tax {
    opacity: 0.5;
    font-family: var(--tpg-font-body);
    font-size: 14px;
    line-height: 2;
    color: var(--tpg-black);
    font-weight: 500 !important;
    display: block !important;
    text-align: right;
}

.tpg-checkout-flow .wc-block-components-express-payment {
    margin-bottom: var(--tpg-spacing-xl) !important;
    background: transparent !important;
    border-radius: 0px !important;
    padding: 0px !important;
}

.wc-block-components-express-payment-continue-rule.wc-block-components-express-payment-continue-rule--cart {
    font-size: 14px !important;
    margin-top: 0 !important;
    color: var(--tpg-medium-gray) !important;
}

.tpg-trust-badges {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 35px;
}

.tpg-trust-badge {
    display: flex;
    align-items: center;
    gap: 13px;
}

.tpg-trust-badge__icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tpg-category-text);
}

.tpg-trust-badge__icon svg {
    width: 24px;
    height: 24px;
}

.tpg-trust-badge__label {
    font-family: var(--tpg-font-body);
    font-size: 18px;
    line-height: 1.78;
    text-align: left;
    color: var(--tpg-category-text);
    font-weight: 400;
}