/* ========================================
   GOOGLE PAY & CART BUTTON - Gleiche Breite
   Datum: 2026-03-23
   Anforderung: Beide Buttons gleich breit machen
   Lösung: Beide auf 100% Breite mit hoher Spezifität
   Trello: "Produktdetailseite - Google Button schmäler"
   ======================================== */

/* PRODUKTSEITE - Cart Button volle Breite (ULTRA-HIGH SPECIFICITY) */
html body.single-product .single_add_to_cart_button,
html body.single-product button.single_add_to_cart_button,
body.single-product form.cart .single_add_to_cart_button,
body.single-product .cart button.single_add_to_cart_button {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* Google Pay Button volle Breite (ULTRA-HIGH SPECIFICITY) */
html body.single-product .wc-stripe-payment-request-button-wrapper,
html body.single-product #wc-stripe-payment-request-wrapper,
html body.single-product #wc-stripe-payment-request-button,
html body.single-product #wc-stripe-payment-request-container,
html body.single-product .gpay-button-fill,
html body.single-product .gpay-button-container,
html body.single-product .wc-stripe-googlepay-button-container,
html body.single-product #gpay-button-online-api-id,
html body.single-product .gpay-button,
html body.single-product .StripeElement {
    max-width: 100% !important;
    width: 100% !important;
}

/* Payment Container volle Breite */
html body.single-product .wc-stripe-product-checkout-container,
html body.single-product .payment_method_stripe_payment_request {
    max-width: 100% !important;
    width: 100% !important;
}

/* Mobile - beide Buttons volle Breite */
@media only screen and (max-width: 767px) {
    html body.single-product .single_add_to_cart_button,
    html body.single-product .gpay-button-fill,
    html body.single-product .gpay-button-container,
    html body.single-product #wc-stripe-payment-request-wrapper,
    html body.single-product #wc-stripe-payment-request-button {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* Desktop - beide Buttons volle Breite */
@media only screen and (min-width: 768px) {
    html body.single-product .single_add_to_cart_button,
    html body.single-product button.single_add_to_cart_button,
    html body.single-product .gpay-button-fill,
    html body.single-product .gpay-button-container,
    html body.single-product #wc-stripe-payment-request-wrapper,
    html body.single-product #wc-stripe-payment-request-button,
    html body.single-product .wc-stripe-googlepay-button-container {
        max-width: 100% !important;
        width: 100% !important;
    }
}