/**
 * Racepool99 – Reihenfolge in der Warenkorb-Seitenleiste
 *
 * Umsortiert wird nur per `order` in Flex-Containern; es wird nichts im DOM
 * verschoben, damit der React-Warenkorb unangetastet bleibt.
 *
 * Ziel:
 *   Warenkorb-Summe
 *     Versand            (stand vorher unter "Gutschein hinzufügen")
 *     Gutschein hinzufügen
 *     Gesamtsumme
 *   [ Weiter zur Kasse ➔ ]
 *   — ODER EXPRESS CHECKOUT —
 *   [ Apple Pay / Google Pay / PayPal ]
 */

/* --- Seitenleiste: Kasse-Button vor die Express-Zahlarten --- */
.wc-block-cart__sidebar {
	display: flex;
	flex-direction: column;
}

/* Fallback für unbekannte/später ergänzte Blöcke: direkt unter die Summenbox */
.wc-block-cart__sidebar > * {
	order: 20;
}

.wc-block-cart__sidebar > .wp-block-woocommerce-germanized-cart-summary-item { order: 5; }
.wc-block-cart__sidebar > .wp-block-woocommerce-cart-order-summary-block     { order: 10; }
.wc-block-cart__sidebar > .wc-block-cart__submit                             { order: 30; }
.wc-block-cart__sidebar > .wc-block-cart__payment-options                    { order: 40; }

/* --- Summenbox: Versand über den Gutschein-Aufklapper --- */
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block {
	display: flex;
	flex-direction: column;
}

/* Fallback: alles Unbekannte unter den Gutschein-Aufklapper (also zur
   Gesamtsumme hin) */
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block > * {
	order: 40;
}

.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block > .wp-block-woocommerce-cart-order-summary-heading-block     { order: 10; }
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block > .wp-block-woocommerce-cart-order-summary-totals-block      { order: 20; }
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block > .wp-block-woocommerce-cart-order-summary-coupon-form-block { order: 30; }

/* --- Express-Bereich: Trenner über die Buttons --- */
.wc-block-cart__sidebar .wc-block-cart__payment-options {
	display: flex;
	flex-direction: column;
}

.wc-block-cart__sidebar .wc-block-cart__payment-options > .wc-block-components-express-payment-continue-rule {
	order: 10;
}

.wc-block-cart__sidebar .wc-block-cart__payment-options > .wc-block-components-express-payment {
	order: 20;
	/* WooCommerce zentriert den Block mit `margin: 0 auto`. Auto-Ränder auf der
	   Querachse schalten im Flex-Container das Strecken ab – die Buttons wären
	   dann schmaler als die Kasse-Schaltfläche darüber. */
	margin-left: 0;
	margin-right: 0;
	align-self: stretch;
}

/* --- Express-Buttons: PayPal zuerst, dann Apple Pay, dann Google Pay ---
 *
 * Die Liste ist bereits ein Flex-Container (Spalte, 12px Abstand), hier wird
 * ausschließlich `order` gesetzt – an Abständen und Breiten ändert sich nichts.
 * Nicht aufgeführte Wallets landen hinten. */
.wc-block-cart__sidebar .wc-block-components-express-payment__event-buttons > li {
	order: 40;
}

.wc-block-cart__sidebar #express-payment-method-ppcp-gateway-paypal                 { order: 10; }
.wc-block-cart__sidebar #express-payment-method-express_checkout_element_applePay   { order: 20; }
.wc-block-cart__sidebar #express-payment-method-express_checkout_element_googlePay  { order: 30; }