/**
 * Collect Now – front-end styles.
 * Keeps visual changes minimal so the deposit rows blend with any theme.
 *
 * @package EnterpriseIT\CollectNow
 */

/**
 * The WooCommerce info notice (.woocommerce-info) is sometimes rendered as a
 * flex container by WooCommerce core or theme stylesheets, which causes inline
 * text nodes and <span> elements (e.g. wc_price output) to be treated as
 * separate flex children and spaced apart. Force it back to normal inline flow
 * so the notice reads as a continuous sentence.
 */
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-info {
    display: block;
}

.woocommerce-info .woocommerce-Price-amount {
    display: inline;
}

/* Deposit breakdown rows in the cart / checkout totals table */
.et-collect-now-deposit-row th,
.et-collect-now-deposit-row td {
    font-size: 0.95em;
}

/* "Pay Today" row – visually distinct as the actionable amount */
.et-cn-pay-today th,
.et-cn-pay-today td {
    font-weight: 700;
    color: #2c7a2c;
}

/* "Pay on Collection" row – muted to indicate it is an estimate */
.et-cn-pay-collection th,
.et-cn-pay-collection td {
    color: #555;
}

/* Small "(estimate)" note */
.et-cn-estimate-note {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    color: #888;
    font-style: italic;
}

/* Balance section on the order-received / my-account order detail page */
.et-collect-now-order-notice {
    margin-top: 2em;
}

.et-cn-balance-table {
    width: 100%;
    border-collapse: collapse;
}

.et-cn-balance-table th,
.et-cn-balance-table td {
    padding: 8px 12px;
    border: 1px solid #e0e0e0;
    text-align: left;
}

.et-cn-collection-note {
    font-size: 0.85em;
    color: #888;
    margin-top: 0.5em;
    font-style: italic;
}