/* EHB Deposit — Native Checkout add-on styles.
 *
 * Scoped to the .eshb-deposit-card / .eshb-deposit-row markup rendered
 * by ESHB_DEPOSIT_NATIVE_CHECKOUT_FILTERS so they don't bleed into the
 * core native-checkout look. */

.eshb-deposit-card .eshb-deposit-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.eshb-deposit-card .eshb-deposit-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.eshb-deposit-card .eshb-deposit-option input[type="radio"] {
    margin: 0;
    accent-color: var(--eshb-primary-color, #ab8965);
}

.eshb-deposit-card .eshb-deposit-option:hover {
    border-color: var(--eshb-primary-color, #ab8965);
}

.eshb-deposit-card .eshb-deposit-option input[type="radio"]:checked + .eshb-choice-title {
    color: var(--eshb-primary-color, #ab8965);
}

.eshb-deposit-card .eshb-choice-title {
    flex: 1;
    font-weight: 600;
}

.eshb-deposit-card .eshb-choice-meta {
    font-weight: 700;
    color: var(--eshb-primary-color, #ab8965);
}

.eshb-price-table tr.eshb-deposit-row td,
.eshb-price-table tr.eshb-due-row td {
    border-top: 1px solid #eee;
    font-weight: 600;
}

.eshb-price-table tr.eshb-deposit-row .eshb-value-col {
    color: var(--eshb-primary-color, #ab8965);
}