/* Die Maße folgen dem vorhandenen Produkttext und dem 4-px-Abstandsraster. */
.woocommerce div.product .product_details_top form.cart {
    width: 100%;
    max-width: 430px;
}
.woocommerce div.product .product_details_top form.cart .single_add_to_cart_button {
    min-height: 48px;
    height: auto;
    padding: 12px 16px;
    line-height: 24px;
    white-space: normal;
}
.woocommerce div.product form.cart .single_add_to_cart_button:focus-visible {
    outline: 2px solid #404040;
    outline-offset: 4px;
}
.tt-direct-buy {
    --tt-purchase-gap: 12px;
    --tt-purchase-separation: 24px;
    clear: both;
    width: 100%;
    color: #404040;
}
.tt-direct-buy__label {
    display: flex;
    align-items: center;
    gap: var(--tt-purchase-gap);
    margin: 0 0 16px;
    padding-top: var(--tt-purchase-separation);
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: .03em;
    text-align: center;
    text-transform: none;
}
.tt-direct-buy__label::before,
.tt-direct-buy__label::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e3c9ac;
}
.tt-direct-buy__methods {
    display: grid;
    gap: var(--tt-purchase-gap);
}
.tt-direct-buy .wc-stripe-clear { display: none; }
.tt-direct-buy .wc-ppcp-product-payments__container,
.tt-direct-buy .wc-stripe-product-checkout-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    float: none;
}
.tt-direct-buy .wc-ppcp-product-payment__methods,
.tt-direct-buy .wc_stripe_product_payment_methods {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tt-direct-buy .wc_stripe_product_payment_methods {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
    gap: var(--tt-purchase-gap);
}
.tt-direct-buy .wc-ppcp-product-payment__methods > li,
.tt-direct-buy .wc_stripe_product_payment_methods > li,
.tt-direct-buy .payment-box {
    min-width: 0;
    margin: 0;
    padding: 0;
}
/* Keine leere Beschriftung, wenn kein Anbieter auf diesem Gerät verfügbar ist.
   Die Anbieter können ihre Elemente weiterhin in voller Breite initialisieren. */
.tt-direct-buy:not(:has(.wc-ppcp-product-payment__methods > li:not([style*="display: none"]), .wc-stripe-product-checkout-container.active li:not([style*="display: none"]))) .tt-direct-buy__label {
    display: none;
}
.tt-direct-buy .wc-stripe-product-checkout-container:not(.active) { display: none; }
