/* === Versandkosten-Fortschrittsanzeige (ex 5767) === */
.spb-wrap{max-width:100%;margin:0 0 24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.spb-message{font-size:15px;font-weight:600;margin-bottom:18px;text-align:center;color:#2a5298}
.spb-message.spb-reached{color:#27ae60}
.spb-message svg{width:18px;height:18px;vertical-align:-3px;margin-right:4px}
.spb-bar-wrap{position:relative;padding-top:40px;margin:0 8px}
.spb-track{height:10px;background:#e8eef2;border-radius:12px;position:relative;overflow:visible}
.spb-fill{height:100%;background:#2a5298;border-radius:12px;transition:width .6s cubic-bezier(.25,.46,.45,.94)}
.spb-badge{position:absolute;top:-38px;display:flex;align-items:center;gap:4px;background:#4e536b;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px 4px 7px;border-radius:6px;white-space:nowrap;transform:translateX(-50%);transition:left .6s cubic-bezier(.25,.46,.45,.94)}
.spb-badge::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #4e536b}
.spb-badge svg{width:14px;height:14px;flex-shrink:0}
.spb-label-end{position:absolute;right:-8px;top:-22px;font-size:12px;font-weight:600;color:#4e536b}

/* === Cross-Sells Grid (ex 5771) === */
.cross-sells ul.products{display:grid !important;grid-template-columns:repeat(5, 1fr) !important;gap:20px !important}
.cross-sells ul.products li.product{width:100% !important;max-width:100% !important;margin:0 !important;float:none !important;flex:unset !important}
.cross-sells ul.products li.product a img{width:100% !important;height:auto !important;border-radius:8px}
@media (max-width:768px){.cross-sells ul.products{grid-template-columns:repeat(2, 1fr) !important}}

/* === Rote Badges global entfernen === */
.ak-mc-badge,
.cross-sells .ak-mc-badge,
.woocommerce-cart .ak-mc-badge,
.ak-mc-badge-li .ak-mc-badge{display:none !important}

/* === Cross-Sells: Button kleiner === */
.cross-sells ul.products li.product .button,
.cross-sells ul.products li.product a.add_to_cart_button{
    font-size:12px !important;padding:8px 14px !important;border-radius:6px !important;
    border:1px solid #1e2d4a !important;border-style:solid !important;outline:none !important;box-shadow:none !important;
    background:transparent !important;color:#1e2d4a !important;
    text-transform:none !important;letter-spacing:0 !important;
    line-height:1.4 !important;white-space:nowrap !important;
    transition:background .2s ease,color .2s ease !important
}
.cross-sells ul.products li.product .button:hover,
.cross-sells ul.products li.product a.add_to_cart_button:hover{
    background:#1e2d4a !important;color:#fff !important
}

/* === Warenkorb-Seite: Gutschein + Update Button auf gleicher Ebene === */
.woocommerce-cart .woocommerce-cart-form .actions{
    display:flex !important;align-items:center !important;justify-content:space-between !important;
    flex-wrap:nowrap !important;gap:10px !important
}
.woocommerce-cart .woocommerce-cart-form .actions .coupon{
    display:flex !important;align-items:center !important;gap:8px !important;flex:0 1 auto !important;
    margin:0 !important;float:none !important
}
.woocommerce-cart .woocommerce-cart-form .actions .coupon label{display:none !important}
.woocommerce-cart .woocommerce-cart-form .actions .coupon input[type="text"]{
    width:160px !important;max-width:160px !important;padding:8px 12px !important;
    border:1px solid #ddd !important;border-radius:6px !important;font-size:13px !important
}
.woocommerce-cart .woocommerce-cart-form .actions .coupon button{
    padding:8px 16px !important;border-radius:6px !important;font-size:13px !important;white-space:nowrap !important
}
.woocommerce-cart .woocommerce-cart-form .actions > button[name="update_cart"]{
    padding:8px 16px !important;border-radius:6px !important;font-size:13px !important;
    white-space:nowrap !important;margin-left:auto !important;float:none !important;
    flex:0 0 auto !important
}

/* === "Du konntest nicht das finden..." Abschnitt ausblenden === */
.woocommerce-cart #tm-main > .uk-section-primary.uk-padding-remove-top{display:none !important}

/* === Checkout: Zahlungsmethoden sichtbar und klickbar === */
.woocommerce-checkout #payment{position:relative;z-index:10}
.woocommerce-checkout #payment .payment_methods{list-style:none !important;margin:0 !important;padding:0 !important}
.woocommerce-checkout #payment .payment_methods li{padding:16px 20px !important;margin-bottom:8px !important;border:1px solid #e0e0e0 !important;border-radius:10px !important;background:#fff !important;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
.woocommerce-checkout #payment .payment_methods li:hover{border-color:#2a5298 !important}
.woocommerce-checkout #payment .payment_methods li.wc_payment_method > label{display:flex !important;align-items:center !important;gap:12px !important;cursor:pointer !important;font-weight:600 !important;font-size:15px !important}
.woocommerce-checkout #payment .payment_methods li.wc_payment_method > label img{max-height:28px !important;width:auto !important}
.woocommerce-checkout #payment .payment_methods li.wc_payment_method > label input[type="radio"]{margin:0 !important;accent-color:#2a5298}
.woocommerce-checkout #payment .payment_methods li .payment_box{padding:16px 0 4px !important;color:#555 !important;font-size:14px !important;line-height:1.5 !important}
.woocommerce-checkout #payment .payment_methods li .payment_box p{margin:0 0 8px !important}

/* PayPal + Google Pay: Redirect-Grafik und Smart Buttons verstecken */
.woocommerce-checkout .payment_method_ppcp-gateway .payment_box #ppc-button-ppcp-gateway,
.woocommerce-checkout .payment_method_ppcp-gateway .payment_box .ppcp-button-apm,
.woocommerce-checkout .payment_method_ppcp-gateway .payment_box #ppcp-messages,
.woocommerce-checkout .payment_method_ppcp-gateway .payment_box [id*="ppc-button"],
.woocommerce-checkout .payment_method_ppcp-gateway .payment_box .ppcp-vaulted-paypal,
.woocommerce-checkout .payment_method_ppcp-googlepay .payment_box #ppc-button-ppcp-googlepay,
.woocommerce-checkout .payment_method_ppcp-googlepay .payment_box [id*="ppc-button"]{
    display:none !important
}

/* Redirect-Grafik (Browser-Icon mit Pfeil) bei PayPal und Google Pay ausblenden */
.woocommerce-checkout .payment_method_ppcp-gateway .payment_box svg,
.woocommerce-checkout .payment_method_ppcp-gateway .payment_box img:not([alt*="PayPal"]),
.woocommerce-checkout .payment_method_ppcp-gateway .payment_box .ppcp-checkout-button-note,
.woocommerce-checkout .payment_method_ppcp-googlepay .payment_box svg,
.woocommerce-checkout .payment_method_ppcp-googlepay .payment_box img:not([alt*="Google"]),
.woocommerce-checkout .payment_method_ppcp-googlepay .payment_box .ppcp-checkout-button-note{
    display:none !important
}

/* Beschreibungstext: kaputte Redirect-Hinweise verstecken, eigenen Text zeigen */
.woocommerce-checkout .payment_method_ppcp-gateway .payment_box > p,
.woocommerce-checkout .payment_method_ppcp-googlepay .payment_box > p{display:none !important}
.woocommerce-checkout .payment_method_ppcp-gateway .payment_box::before{
    content:"Nach dem Klick auf \201EZahlungspflichtig bestellen\201C werden Sie zu PayPal weitergeleitet.";
    display:block;font-size:14px;color:#555;line-height:1.5;padding:4px 0
}
.woocommerce-checkout .payment_method_ppcp-googlepay .payment_box::before{
    content:"Nach dem Klick auf \201EZahlungspflichtig bestellen\201C werden Sie zu Google Pay weitergeleitet.";
    display:block;font-size:14px;color:#555;line-height:1.5;padding:4px 0
}

/* Bestellung abschliessen Button: immer sichtbar */
.woocommerce-checkout #payment .place-order{padding:20px 0 0 !important}
.woocommerce-checkout #payment #place_order{
    display:block !important;width:100% !important;padding:16px 24px !important;font-size:16px !important;font-weight:700 !important;
    border-radius:10px !important;background:#2a5298 !important;color:#fff !important;border:none !important;
    cursor:pointer !important;transition:background .2s ease !important;letter-spacing:.3px
}
.woocommerce-checkout #payment #place_order:hover{background:#1e3a6e !important}

/* AGB Checkbox Bereich */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{margin:16px 0 !important}

/* Checkout allgemein: kein Overflow-Hidden das Elemente abschneidet */
.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-checkout #payment{overflow:visible !important}