/**
 * AngelSense Apple & Google Pay - Styles
 *
 * Font sizes use rem units for easy adjustment.
 * 1rem = 16px (browser default). Current base: 0.875rem ≈ 14px.
 * Adjust the rem values below to visually match Google/Apple button fonts.
 */

/* Express Checkout Container - isolate from theme font inheritance */
#as-agpay-express-checkout {
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    box-sizing: border-box;
}

#as-agpay-express-checkout > div,
#as-agpay-express-checkout span,
#as-agpay-express-checkout p,
#as-agpay-express-checkout label {
    font-size: 0.875rem !important;
}

#as-agpay-express-checkout #as-agpay-express-checkout-title span {
    font-size: 0.875rem !important;
    font-weight: 600;
    color: #555;
}

/* Apple Pay Button */
.apple-pay-button {
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-style: black;
    -apple-pay-button-type: buy;
    border: none;
    min-height: 42px;
    height: 42px;
    width: 100%;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    font-size: 0.875rem !important;
    padding: 0;
    margin: 0 !important;
}

/* Google Pay Button Container */
#wc-stripe-googlepay-container {
    margin-top: 10px;
}

#wc-stripe-googlepay-container .gpay-button-container {
    width: 100%;
}

/* Google Pay Button - only target the actual button element, not internal divs */
#as-agpay-express-buttons-gpay {
    font-size: 0.875rem !important;
}

#as-agpay-express-buttons-gpay > .gpay-button-container {
    width: 100%;
}

/* Apple Pay Button - ensure consistent height and font */
#as-agpay-express-buttons-apay .apple-pay-button {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 0.875rem !important;
}

/* Ensure both button wrappers take equal space */
#as-agpay-express-buttons-gpay,
#as-agpay-express-buttons-apay {
    width: 100% !important;
    max-width: 300px;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Override any theme-inherited font sizes on the checkout form for this container */
form.checkout.woocommerce-checkout #as-agpay-express-checkout,
form.checkout.woocommerce-checkout #as-agpay-express-checkout > div,
form.checkout.woocommerce-checkout #as-agpay-express-checkout span,
form.checkout.woocommerce-checkout #as-agpay-express-checkout p {
    font-size: 0.875rem !important;
}

/* Hide place_order when wallet payment is active */
li.payment_method_stripe_googlepay .wc-stripe-hide,
li.payment_method_stripe_applepay .wc-stripe-hide {
    display: none !important;
}