/* Dein Himmelreich – Kasse & Warenkorb (aus Custom CSS Abschnitte 1, 5, 6 übernommen) */

/* 1. Mobile Anpassungen: Kasse */
@media only screen and (max-width: 767px) {
	.woocommerce-checkout table .cart_item .product-name { font-size: 12px !important; }
	.woocommerce-checkout table thead { font-size: 11px !important; }
}

/* 5. Versandarten als Cards */
.woocommerce ul#shipping_method li { list-style: none; margin: 0 0 14px 0; position: relative; }
.woocommerce ul#shipping_method li label {
	display: block; padding: 18px 20px 18px 54px;
	background: rgba(255, 255, 255, .85); backdrop-filter: blur(6px);
	border: 2px solid #ddd; border-radius: 12px; cursor: pointer; position: relative;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .05); transition: all .25s ease;
}
@media (hover: hover) {
	.woocommerce ul#shipping_method li label:hover { border-color: #0073aa; box-shadow: 0 6px 14px rgba(0, 115, 170, .15); transform: translateY(-1px); }
}
/* left/top verhindern, dass das versteckte Radio den Checkout mobil verschiebt */
.woocommerce ul#shipping_method li input[type="radio"] { position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none; }
.woocommerce ul#shipping_method li label::before {
	content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%);
	width: 22px; height: 22px; border-radius: 50%; border: 2px solid #bbb;
	background: rgba(255, 255, 255, .7); transition: all .25s ease;
}
.woocommerce ul#shipping_method li input[type="radio"]:checked + label::before {
	content: "✔"; font-size: 14px; color: #0073aa; font-weight: bold;
	display: flex; align-items: center; justify-content: center;
	border-color: #0073aa; background: rgba(255, 255, 255, .95); box-shadow: 0 0 0 3px rgba(0, 115, 170, .15);
}
.woocommerce ul#shipping_method li input[type="radio"]:checked + label { border-color: #0073aa; background: rgba(240, 248, 255, .9); box-shadow: 0 0 0 3px rgba(0, 115, 170, .25); }
.shipping-title { display: block; font-size: 15px; font-weight: 600; margin-bottom: 4px; color: #222; }
.shipping-sub { display: block; font-size: 13px; color: #555; line-height: 1.4; }
.shipping-map a { display: inline-block; margin-top: 6px; font-size: 13px; color: #0073aa; text-decoration: none; font-weight: 500; }

/* 6. Checkout mobil – Bestellübersicht passt in den Bildschirm */
@media only screen and (max-width: 767px) {
	#order_review { padding: 15px !important; }
	.woocommerce-checkout-review-order-table,
	.woocommerce-checkout-review-order-table thead,
	.woocommerce-checkout-review-order-table tbody,
	.woocommerce-checkout-review-order-table tfoot { display: block !important; width: 100% !important; }
	.woocommerce-checkout-review-order-table tr { display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; width: 100% !important; }
	.woocommerce-checkout-review-order-table th,
	.woocommerce-checkout-review-order-table td { display: block !important; width: auto !important; padding-left: 0 !important; padding-right: 0 !important; overflow-wrap: anywhere; }
	.woocommerce-checkout-review-order-table .product-total,
	.woocommerce-checkout-review-order-table tfoot td { text-align: right; white-space: nowrap; }
	.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals { flex-direction: column; align-items: stretch; gap: 6px; }
	.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td { text-align: left; white-space: normal; }
	.woocommerce ul#shipping_method { width: 100%; margin: 6px 0 0; padding: 0; }
	.woocommerce ul#shipping_method li { width: 100%; }
	.woocommerce ul#shipping_method li label { width: 100%; }
}