/* ==========================================================================
   BlockBande – WooCommerce-Seiten (vorerst Warenkorb; Kasse und Konto folgen)
   Farben wie die Shop-Seite (dunkelblaue Karten), Kassen-Button grün wie bisher.
   ========================================================================== */

:root {
	--bb-panel: #0f1f3a;
	--bb-panel-border: #1a3058;
	--bb-line: rgba(255, 255, 255, 0.08);
	--bb-input: #0a1628;
	--bb-muted: #8aa4c8;
	--bb-green: #74e34b;
	--bb-green-dark: #3f9a22;
	--bb-red: #ff7a7a;
}

/* --- Seitenkopf (Hintergrundstreifen + Banner) --------------------------- */

.bb-wc-hero {
	position: relative;
	padding: calc(var(--bb-header-h) + 20px) 0 10px;
	background: var(--bb-wc-hero-bg) center top / cover no-repeat;
}

.bb-wc-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(12, 15, 35, 0.35) 0%, rgba(12, 15, 35, 0.75) 70%, var(--bb-bg) 100%);
	pointer-events: none;
}

.bb-wc-hero .bb-container {
	position: relative;
}

.bb-wc-hero__banner {
	margin: 0 auto;
	max-width: 1060px;
	line-height: 0;
}

.bb-wc-hero__banner img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 28px;
}

.bb-main.bb-main--wc {
	padding: 30px 0 80px;
}

.bb-wc {
	max-width: 1100px;
	color: var(--bb-text);
}

/* --- Allgemein: Buttons, Felder, Hinweise --------------------------------- */

.bb-wc .button,
.bb-wc button.button,
.bb-wc a.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 22px;
	border: 0;
	border-radius: 6px;
	background: var(--bb-blue);
	color: #fff;
	font-family: var(--bb-font-head);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	box-shadow: 0 4px 0 var(--bb-blue-dark);
	cursor: pointer;
	transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;
}

.bb-wc .button:hover {
	background: var(--bb-blue);
	color: #fff;
	filter: brightness(1.08);
}

.bb-wc .button:active {
	transform: translateY(3px);
	box-shadow: 0 1px 0 var(--bb-blue-dark);
}

.bb-wc .button:disabled,
.bb-wc .button:disabled[disabled] {
	padding: 12px 22px;
	opacity: 0.5;
	cursor: default;
}

.bb-wc input.input-text,
.bb-wc .quantity .qty {
	padding: 11px 12px;
	border: 1px solid var(--bb-panel-border);
	border-radius: 6px;
	background: var(--bb-input);
	color: #fff;
	font-family: var(--bb-font-body);
	font-size: 16px;
}

.bb-wc input.input-text:focus {
	border-color: var(--bb-blue);
	outline: none;
}

.bb-wc .woocommerce-message,
.bb-wc .woocommerce-info,
.bb-wc .woocommerce-error {
	margin: 0 0 24px;
	padding: 16px 20px 16px 52px;
	border: 1px solid var(--bb-panel-border);
	border-top: 3px solid var(--bb-blue);
	border-radius: 0 0 10px 10px;
	background: var(--bb-panel);
	color: #fff;
	font-family: var(--bb-font-body);
	list-style: none;
}

.bb-wc .woocommerce-message { border-top-color: var(--bb-green); }
.bb-wc .woocommerce-error { border-top-color: var(--bb-red); }
.bb-wc .woocommerce-message::before { color: var(--bb-green); }
.bb-wc .woocommerce-info::before { color: var(--bb-blue); }
.bb-wc .woocommerce-error::before { color: var(--bb-red); }

/* --- Mengenfeld mit −/+ Knöpfen (inc/woocommerce.php, theme.js) ----------- */

.bb-wc .quantity:has(.bb-qty__btn) {
	display: inline-flex;
	align-items: stretch;
	width: max-content;
	height: 42px;
	flex-shrink: 0;
	border: 1px solid var(--bb-panel-border);
	border-radius: 8px;
	background: var(--bb-input);
	overflow: hidden;
}

.bb-wc .quantity:has(.bb-qty__btn):focus-within {
	border-color: var(--bb-blue);
}

.bb-wc .quantity .bb-qty__btn {
	flex: 0 0 auto;
	width: 38px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	font: 400 22px/1 system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	cursor: pointer;
	touch-action: manipulation;
	-webkit-user-select: none;
	user-select: none;
	transition: background-color 0.15s ease;
}

.bb-wc .quantity .bb-qty__btn:hover:not(:disabled) {
	background: rgba(255, 255, 255, 0.08);
}

.bb-wc .quantity .bb-qty__btn:focus-visible {
	outline: 2px solid var(--bb-blue);
	outline-offset: -2px;
}

.bb-wc .quantity .bb-qty__btn:disabled {
	opacity: 0.3;
	cursor: default;
}

.bb-wc .quantity:has(.bb-qty__btn) .qty {
	width: 42px;
	height: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	font-size: 17px;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

.bb-wc .quantity:has(.bb-qty__btn) .qty:focus {
	outline: none;
}

.bb-wc .quantity .qty::-webkit-outer-spin-button,
.bb-wc .quantity .qty::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

/* --- Warenkorb: Aufbau ---------------------------------------------------- */

.woocommerce-cart .bb-wc > .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 30px;
	align-items: start;
}

.woocommerce-cart .bb-wc > .woocommerce > :not(.woocommerce-cart-form):not(.cart-collaterals) {
	grid-column: 1 / -1;
}

.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals .cart_totals {
	padding: 20px 24px;
	border: 1px solid var(--bb-panel-border);
	border-radius: 12px;
	background: var(--bb-panel);
}

.woocommerce-cart .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
}

/* --- Warenkorb: Tabelle --------------------------------------------------- */

.woocommerce-cart table.shop_table {
	margin: 0;
	border: 0;
	border-collapse: collapse;
	border-radius: 0;
	color: #fff;
}

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
	padding: 14px 8px;
	border-top: 1px solid var(--bb-line);
	vertical-align: middle;
}

.woocommerce-cart table.shop_table thead th {
	padding-top: 0;
	border-top: 0;
	color: var(--bb-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.woocommerce-cart table.cart img {
	display: block;
	width: 56px;
	height: auto;
}

.woocommerce-cart table.cart td.product-thumbnail {
	width: 72px;
}

.woocommerce-cart table.cart td.product-name,
.woocommerce-cart table.cart td.product-name a {
	color: #fff;
	font-family: var(--bb-font-head);
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}

.woocommerce-cart table.cart td.product-subtotal {
	font-weight: 700;
	white-space: nowrap;
}

.woocommerce-cart table.cart td small,
.woocommerce-cart table.shop_table .tax_label,
.woocommerce-cart table.shop_table .includes_tax,
.woocommerce-cart table.shop_table .wgm-tax {
	display: block;
	color: var(--bb-muted);
	font-size: 12px;
	font-weight: 400;
}

/* Entfernen als Mülleimer-Symbol */
.woocommerce-cart a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--bb-panel-border);
	border-radius: 8px;
	background: var(--bb-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238aa4c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14M10 11v6M14 11v6'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0;
	transition: background-color 120ms ease, border-color 120ms ease;
}

.woocommerce-cart a.remove:hover,
.woocommerce-cart a.remove:focus-visible {
	border-color: var(--bb-red);
	background: #2a1424 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff7a7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14M10 11v6M14 11v6'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}

/* Gutschein */
.woocommerce-cart table.cart td.actions {
	padding: 18px 0 0;
}

.woocommerce-cart table.cart td.actions .coupon {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	width: 200px;
	margin: 0;
}

/* Mit JavaScript aktualisiert der Warenkorb selbst – Button ausblenden. */
.bb-js .woocommerce-cart-form button[name="update_cart"] {
	display: none !important;
}

.bb-js .woocommerce-cart-form tr:has(> td.actions):not(:has(.coupon)) {
	display: none;
}

/* --- Warenkorb: Summen ---------------------------------------------------- */

.woocommerce-cart .cart_totals h2 {
	margin: 0 0 10px;
	font-family: var(--bb-font-head);
	font-size: 15px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
	padding: 12px 0;
	font-weight: 400;
}

.woocommerce-cart .cart_totals table.shop_table tr:first-child th,
.woocommerce-cart .cart_totals table.shop_table tr:first-child td {
	border-top: 0;
}

.woocommerce-cart .cart_totals table.shop_table td {
	text-align: right;
}

.woocommerce-cart .cart_totals .order-total th {
	font-weight: 700;
}

.woocommerce-cart .cart_totals .order-total td > strong .woocommerce-Price-amount {
	font-size: 22px;
}

.woocommerce-cart .wc-proceed-to-checkout {
	padding: 16px 0 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: flex;
	width: 100%;
	margin: 0;
	padding: 16px 20px;
	border-radius: 8px;
	background: var(--bb-green);
	color: #0b1f05;
	font-family: var(--bb-font-head);
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	box-shadow: 0 5px 0 var(--bb-green-dark);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background: var(--bb-green);
	color: #0b1f05;
	filter: brightness(1.06);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active {
	transform: translateY(3px);
	box-shadow: 0 2px 0 var(--bb-green-dark);
}

.bb-cart-bar__total {
	display: none;
}

.bb-continue-shopping {
	display: block;
	margin-top: 16px;
	color: var(--bb-muted);
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}

.bb-continue-shopping:hover {
	color: #fff;
}

/* Warenkorb füllt den Bildschirm – der Footer beginnt erst unterhalb des sichtbaren Bereichs. */
.woocommerce-cart .bb-main--wc {
	min-height: calc(100vh - 420px);
	min-height: calc(100svh - 420px);
}

/* Leerer Warenkorb */
.woocommerce-cart .cart-empty.woocommerce-info {
	font-size: 18px;
}

.woocommerce-cart .return-to-shop {
	text-align: center;
}

.woocommerce-cart .return-to-shop .button {
	background: var(--bb-yellow);
	box-shadow: 0 4px 0 var(--bb-yellow-dark);
}

/* Lade-Zustand während WooCommerce neu rechnet */
.bb-wc .blockUI.blockOverlay {
	background: rgba(10, 22, 40, 0.6) !important;
	border-radius: 12px;
}

/* --- Tablet: Summen unter die Liste --------------------------------------- */

@media (max-width: 900px) {
	.woocommerce-cart .bb-wc > .woocommerce {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}
}

/* --- Handy: kompakte Zeilen und feste Kassen-Leiste ----------------------- */

@media (max-width: 768px) {
	.bb-wc-hero {
		padding-top: calc(var(--bb-header-h) + 10px);
	}

	.bb-wc-hero__banner img {
		border-radius: 16px;
	}

	.bb-main.bb-main--wc {
		padding: 16px 0 64px;
	}

	.woocommerce-cart .bb-main--wc {
		min-height: calc(100vh - 230px);
		min-height: calc(100svh - 230px);
	}

	.woocommerce-cart .woocommerce-cart-form,
	.woocommerce-cart .cart-collaterals .cart_totals {
		padding: 6px 14px 14px;
	}

	.woocommerce-cart table.shop_table_responsive thead {
		display: none;
	}

	.woocommerce-cart table.cart,
	.woocommerce-cart table.cart tbody {
		display: block;
		width: 100%;
	}

	/* Zeile: Bild | Name + Summe | Mülleimer, darunter die Menge */
	.woocommerce-cart table.cart tr.cart_item {
		display: grid;
		grid-template-columns: 56px minmax(0, 1fr) auto;
		grid-template-areas:
			"thumb name remove"
			"thumb sum  qty";
		align-items: center;
		gap: 4px 12px;
		padding: 14px 0;
		border-top: 1px solid var(--bb-line);
		background: transparent !important;
	}

	.woocommerce-cart table.cart tr.cart_item:first-child {
		border-top: 0;
	}

	.woocommerce-cart table.cart tr.cart_item td {
		display: block;
		padding: 0;
		border: 0;
		background: transparent !important;
		text-align: left !important;
	}

	.woocommerce-cart table.cart tr.cart_item td::before {
		display: none;
	}

	.woocommerce-cart table.cart td.product-thumbnail {
		display: block !important;
		grid-area: thumb;
		width: auto;
	}

	.woocommerce-cart table.cart td.product-thumbnail img {
		width: 56px;
	}

	.woocommerce-cart table.cart td.product-name {
		grid-area: name;
		font-size: 15px;
	}

	.woocommerce-cart table.cart td.product-price {
		display: none !important;
	}

	.woocommerce-cart table.cart td.product-subtotal {
		grid-area: sum;
		font-size: 15px;
		white-space: normal;
	}

	.woocommerce-cart table.cart td.product-subtotal .wgm-tax {
		font-size: 11px;
		line-height: 1.3;
	}

	.woocommerce-cart table.cart td.product-subtotal .wgm-break {
		display: none;
	}

	.woocommerce-cart table.cart td.product-quantity {
		grid-area: qty;
		justify-self: end;
	}

	.woocommerce-cart table.cart td.product-remove {
		grid-area: remove;
		justify-self: end;
	}

	.woocommerce-cart table.cart td.product-remove a.remove {
		width: 34px;
		height: 34px;
	}

	.woocommerce-cart table.cart tr:has(> td.actions) {
		display: block;
	}

	.woocommerce-cart table.cart td.actions {
		display: block;
		padding-top: 12px;
		border-top: 1px solid var(--bb-line);
	}

	.woocommerce-cart table.cart td.actions .coupon {
		flex-wrap: nowrap;
	}

	.woocommerce-cart table.cart td.actions .coupon .input-text {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
	}

	.woocommerce-cart table.cart td.actions .coupon .button {
		flex: none;
		width: auto;
	}

	/* Feste Kassen-Leiste unten mit Gesamtsumme und Button – wie in einer Shopping-App */
	.woocommerce-cart .wc-proceed-to-checkout {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 60;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0 14px;
		margin: 0;
		padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
		border-top: 1px solid var(--bb-panel-border);
		background: rgba(10, 22, 40, 0.94);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}

	.woocommerce-cart .wc-proceed-to-checkout .bb-cart-bar__total {
		display: flex;
		flex: none;
		flex-direction: column;
		line-height: 1.15;
	}

	.bb-cart-bar__total > span {
		color: var(--bb-muted);
		font-size: 12px;
		text-transform: uppercase;
	}

	.bb-cart-bar__total strong {
		color: #fff;
		font-size: 22px;
	}

	.woocommerce-cart .wc-proceed-to-checkout > a.checkout-button {
		flex: 1 1 0;
		min-width: 0;
		padding: 15px 12px;
		font-size: 15px;
	}

	/* Zusätzliche Buttons anderer Plugins in eigener Zeile darunter */
	.woocommerce-cart .wc-proceed-to-checkout > :not(.bb-cart-bar__total):not(.checkout-button):not(.bb-continue-shopping) {
		flex: 0 0 100%;
	}

	.woocommerce-cart .wc-proceed-to-checkout .bb-continue-shopping {
		display: none;
	}

	/* Der Kassen-Button sitzt unten in der festen Leiste – Summen-Karte ohne leeren Rand. */
	.woocommerce-cart .cart-collaterals .cart_totals {
		padding-bottom: 4px;
	}

	.woocommerce-cart .cart_totals table.shop_table {
		margin-bottom: 0;
	}

	/* Platz, damit die Leiste den Footer nicht verdeckt */
	.woocommerce-cart .bb-footer {
		padding-bottom: 80px;
	}
}

/* ==========================================================================
   Bestellbestätigung (Danke-Seite)
   ========================================================================== */

.bb-wc-hero__title {
	margin: 10px 0 0;
	font-family: var(--bb-font-head);
	font-size: clamp(28px, 4vw, 42px);
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
}

.woocommerce-order {
	display: grid;
	gap: 24px;
	max-width: 860px;
	margin: 0 auto;
}

.woocommerce-order > * {
	margin: 0 !important;
}

/* „Vielen Dank …“ als grüne Erfolgs-Karte */
.woocommerce-order .woocommerce-thankyou-order-received {
	padding: 20px 24px 20px 64px;
	border: 1px solid var(--bb-panel-border);
	border-left: 4px solid var(--bb-green);
	border-radius: 12px;
	background: var(--bb-panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2374e34b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") 22px 22px / 26px 26px no-repeat;
	font-size: 18px;
	font-weight: 700;
}

.bb-thankyou-note {
	display: block;
	margin-top: 6px;
	color: var(--bb-muted);
	font-size: 15px;
	font-weight: 400;
}

.bb-thankyou-note strong {
	color: #fff;
}

/* Kurzübersicht als Kacheln */
.woocommerce-order ul.woocommerce-order-overview {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px;
	padding: 0;
	list-style: none;
}

.woocommerce-order ul.woocommerce-order-overview::before,
.woocommerce-order ul.woocommerce-order-overview::after {
	display: none;
}

.woocommerce-order ul.woocommerce-order-overview li {
	float: none;
	margin: 0;
	padding: 14px 16px;
	border: 1px solid var(--bb-panel-border);
	border-radius: 10px;
	background: var(--bb-panel);
	color: var(--bb-muted);
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.woocommerce-order ul.woocommerce-order-overview li strong {
	display: block;
	margin-top: 4px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0;
	text-transform: none;
}

/* Bestelldetails und Angaben als Karten */
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details,
.woocommerce-order .woo_minecraft {
	padding: 20px 24px;
	border: 1px solid var(--bb-panel-border);
	border-radius: 12px;
	background: var(--bb-panel);
}

.woocommerce-order h2,
.woocommerce-order .woo_minecraft h4 {
	margin: 0 0 12px;
	font-family: var(--bb-font-head);
	font-size: 15px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.woocommerce-order table.shop_table {
	margin: 0;
	border: 0;
	border-collapse: collapse;
	color: #fff;
}

.woocommerce-order table.shop_table th,
.woocommerce-order table.shop_table td {
	padding: 12px 0;
	border: 0;
	border-top: 1px solid var(--bb-line);
	vertical-align: top;
}

.woocommerce-order table.shop_table thead th {
	padding-top: 0;
	border-top: 0;
	color: var(--bb-muted);
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.woocommerce-order table.shop_table td:last-child,
.woocommerce-order table.shop_table th:last-child {
	text-align: right;
}

.woocommerce-order table.shop_table td.product-name {
	color: var(--bb-muted);
	font-size: 14px;
	line-height: 1.5;
}

.woocommerce-order table.shop_table td.product-name > a {
	color: #fff;
	font-family: var(--bb-font-head);
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}

.woocommerce-order table.shop_table .wgm-tax,
.woocommerce-order table.shop_table small {
	display: block;
	color: var(--bb-muted);
	font-size: 12px;
	font-weight: 400;
}

.woocommerce-order table.shop_table tfoot tr:last-child th,
.woocommerce-order table.shop_table tfoot tr:last-child td {
	padding-bottom: 0;
}

.woocommerce-order table.shop_table .button {
	padding: 9px 14px;
	font-size: 12px;
}

.woocommerce-order .woocommerce-customer-details address {
	padding: 0;
	border: 0;
	font-style: normal;
}

.woocommerce-order .woocommerce-customer-details--email {
	margin: 0;
	padding-left: 0 !important;
}

.woocommerce-order .woocommerce-customer-details--email::before {
	display: none;
}

.woocommerce-order .woo_minecraft p {
	margin: 0;
}

@media (max-width: 768px) {
	.woocommerce-order .woocommerce-thankyou-order-received {
		padding: 16px 16px 16px 54px;
		background-position: 16px 18px;
		font-size: 16px;
	}

	.woocommerce-order .woocommerce-order-details,
	.woocommerce-order .woocommerce-customer-details,
	.woocommerce-order .woo_minecraft {
		padding: 16px;
	}

	.woocommerce-order ul.woocommerce-order-overview {
		grid-template-columns: 1fr 1fr;
	}
}

.woocommerce-order table.shop_table td.product-total {
	padding-left: 14px;
}

@media (min-width: 769px) {
	.woocommerce-order table.shop_table td:last-child {
		white-space: nowrap;
	}
}

.woocommerce-order table.shop_table td.product-total .wgm-tax {
	color: var(--bb-muted);
	font-size: 12px;
}

/* Anzahl als kleines Kästchen vor dem Produktnamen (Danke-Seite, Konto) – wie Landania. */
.bb-qty-badge {
	display: inline-block;
	margin-right: 8px;
	padding: 2px 7px;
	border-radius: 6px;
	background: var(--bb-panel-border);
	color: #fff;
	font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	vertical-align: 2px;
}

/* ==========================================================================
   Mein Konto – wie Landania
   ========================================================================== */

.woocommerce-account .bb-content > .woocommerce {
	max-width: 1000px;
	margin: 0 auto;
}

.bb-wc form.login,
.bb-wc form.register,
.bb-wc form.lost_reset_password {
	max-width: 480px;
	margin: 0 auto;
	padding: 28px;
	border: 1px solid var(--bb-panel-border);
	border-radius: 12px;
	background: var(--bb-panel);
}

.woocommerce-account .bb-wc h2 {
	font-family: var(--bb-font-head);
	text-align: center;
}

.bb-wc form .form-row label {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.bb-wc form .form-row .required {
	color: var(--bb-red);
}

.bb-wc form .form-row input.input-text,
.bb-wc form .form-row select,
.bb-wc form .form-row textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--bb-panel-border);
	border-radius: 6px;
	background: var(--bb-input);
	color: #fff;
	font-family: var(--bb-font-body);
	font-size: 16px;
}

.bb-wc form.login .woocommerce-form-login__rememberme {
	display: block;
	margin-bottom: 14px;
	color: #fff;
	text-transform: none;
}

.bb-wc .woocommerce-LostPassword a,
.bb-wc .woocommerce-MyAccount-content a:not(.button) {
	color: var(--bb-blue);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 12px 16px;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var(--bb-panel);
	color: var(--bb-green);
}

.woocommerce-account .woocommerce-MyAccount-content {
	color: rgba(255, 255, 255, 0.82);
}

.woocommerce-account table.shop_table {
	border: 1px solid var(--bb-panel-border);
	border-radius: 12px;
	background: var(--bb-panel);
	color: #fff;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
	border-top-color: var(--bb-line);
}

/* ==========================================================================
   Produktseite – wie Landania
   ========================================================================== */

.bb-main--product .woocommerce-notices-wrapper:empty {
	display: none;
}

.bb-wc div.product {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 40px;
	color: #fff;
}

.bb-wc div.product > * {
	grid-column: 1 / -1;
}

.bb-wc div.product div.images,
.bb-wc div.product div.summary {
	float: none;
	width: auto;
	margin: 0;
}

.bb-wc div.product div.images {
	grid-column: 1;
	padding: 20px;
	border: 1px solid var(--bb-panel-border);
	border-radius: 12px;
	background: var(--bb-panel);
}

.bb-wc div.product div.summary {
	grid-column: 2;
	align-self: center;
}

.bb-wc div.product .product_title {
	margin: 0 0 16px;
	font-family: var(--bb-font-head);
	font-size: clamp(28px, 4vw, 38px);
	font-weight: 800;
	text-transform: uppercase;
}

.bb-wc div.product p.price {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 12px;
	margin: 0 0 6px;
	padding: 10px 18px;
	border-radius: 6px;
	background: var(--bb-yellow);
	color: #1a1200;
	font-family: var(--bb-font-head);
	font-size: 28px;
	font-weight: 800;
}

.bb-wc div.product p.price del {
	color: #6b4f00;
	font-size: 16px;
	opacity: 1;
}

.bb-wc div.product p.price ins {
	text-decoration: none;
}

.bb-wc div.product .summary .wgm-info,
.bb-wc div.product .summary .woocommerce-de_price_taxrate,
.bb-wc div.product .summary .shipping_de,
.bb-wc div.product .summary .wgm-kleinunternehmerregelung {
	color: var(--bb-muted);
	font-size: 13px;
}

.bb-wc div.product .summary .wgm-info a {
	color: var(--bb-muted);
}

.bb-wc div.product .woocommerce-product-details__short-description {
	margin-top: 16px;
	color: rgba(255, 255, 255, 0.82);
	line-height: 1.6;
}

.bb-wc div.product form.cart {
	display: flex;
	gap: 12px;
	align-items: stretch;
	margin: 26px 0 0;
}

.bb-wc div.product form.cart div.quantity {
	float: none;
	margin: 0;
}

.bb-wc div.product form.cart .button {
	flex: 1;
	float: none;
	padding: 14px 20px;
	background: var(--bb-green);
	color: #0b1f05;
	font-size: 16px;
	box-shadow: 0 5px 0 var(--bb-green-dark);
}

.bb-wc div.product form.cart .button:hover {
	background: var(--bb-green);
	color: #0b1f05;
}

.bb-wc span.onsale {
	min-width: auto;
	min-height: auto;
	padding: 6px 14px;
	border-radius: 100px;
	background: #e040fb;
	color: #fff;
	font-family: var(--bb-font-head);
	font-size: 13px;
	line-height: 1.2;
	text-transform: uppercase;
}

.bb-wc div.product .woocommerce-tabs ul.tabs {
	margin: 0 0 18px;
	padding: 0;
}

.bb-wc div.product .woocommerce-tabs ul.tabs::before {
	border-bottom-color: var(--bb-line);
}

.bb-wc div.product .woocommerce-tabs ul.tabs li {
	border-color: var(--bb-panel-border);
	background: var(--bb-panel);
}

.bb-wc div.product .woocommerce-tabs ul.tabs li::before,
.bb-wc div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
}

.bb-wc div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom-color: var(--bb-bg);
	background: var(--bb-bg);
}

.bb-wc div.product .woocommerce-tabs ul.tabs li a {
	color: #fff;
}

.bb-wc div.product .woocommerce-tabs .panel {
	color: rgba(255, 255, 255, 0.82);
}

.bb-wc div.product .woocommerce-tabs .panel h2:first-child {
	display: none;
}

.bb-product-back {
	margin: 10px 0 0;
	text-align: center;
}

@media (max-width: 768px) {
	.bb-wc div.product {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.bb-wc div.product div.images,
	.bb-wc div.product div.summary {
		grid-column: 1;
	}
}

/* Widerrufsformular von German Market (Seite „Vertrag widerrufen“) – Felder wie im Konto */
.bb-wc .german-market-withdrawal-form .button,
.bb-wc .german-market-withdrawal-form button[type="submit"] {
	margin-top: 8px;
}

.bb-wc form textarea,
.bb-wc form .form-row textarea.input-text {
	width: 100%;
	min-height: 120px;
	padding: 12px 14px;
	border: 1px solid var(--bb-panel-border);
	border-radius: 6px;
	background: var(--bb-input);
	color: #fff;
	font-family: var(--bb-font-body);
	font-size: 16px;
}

/* Textseiten mit Formular (Vertrag widerrufen) behalten die Textbreite. */
.bb-container--text.bb-wc {
	max-width: calc(var(--bb-width-text) + 2 * var(--bb-gutter));
}