/*
 * wspaypalwallet - wallet rows styled to match the existing PayPal Plus
 * payment-method rows. Uses namespaced classes only (NOT paymentMethodRow /
 * nameRow / methodName) so the PayPal Plus script cannot bind to our rows and
 * swallow the button clicks. Look matches the theme's PayPal block (websmid.css:
 * 15px vertical padding, #dfdfdf borders, #f9f9f9 hover).
 */
.wsppw-wallets {
    margin: 0;
}

/* One payment-method row per wallet. */
.wsppw-row {
    padding: 15px 0;
    border-bottom: 1px solid #dfdfdf;
    margin: 0;
}
.wsppw-row:first-child {
    border-top: 1px solid #dfdfdf;
}
.wsppw-row:hover {
    background-color: #f9f9f9;
}

/* Full-width action area holding the (brand-compliant) wallet button. */
.wsppw-details-right {
    width: 100%;
}

.wsppw-button {
    min-height: 40px;
    height: 40px;
    width: 100%;
}

/* Apple Pay official button sizing. */
apple-pay-button {
    display: block;
    --apple-pay-button-width: 100%;
    --apple-pay-button-height: 40px;
    --apple-pay-button-border-radius: 4px;
}

.wsppw-error {
    margin: 12px 0 0;
    padding: 8px 10px;
    color: #b00020;
    background: #fdecea;
    border: 1px solid #f5c6cb;
    border-radius: 3px;
}