/**
 * Direct Checkout button – frontend styles.
 *
 * Colors are overridden at runtime via wp_add_inline_style() based on
 * the values configured in WooCommerce → Settings → Direct Checkout Pro.
 */

.wscdc-direct-checkout-button {
    display: inline-block;
    margin-top: 0.5em;
    padding: 0.618em 1em;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.wscdc-direct-checkout-button + .wscdc-direct-checkout-button {
    margin-left: 0.5em;
}

.wscdc-direct-checkout-button--listing {
    margin-top: 0.25em;
    font-size: 0.9em;
}

/* Ensure button sits below the standard Add-to-Cart button inside the single product form. */
form.cart .wscdc-direct-checkout-button {
    margin-top: 0.75em;
}