/**
 * MMA — koszyk WooCommerce + badge „Koszyk” w headerze.
 * Zgodnie z docs/Specyfikacja-MMA.md (tokeny jak mma-product.css).
 */

/* Tokeny zsynchronizowane z assets/css/mma-product.css + docs/Specyfikacja-MMA.md §0.1 */
:root {
	--mma-primary: #7c3aed;
	--mma-primary-light: #a78bfa;
	--mma-primary-dark: #5b21b6;
	--mma-gold: #fec009;
	--mma-gold-dark: #d4a005;
	--mma-black: #1a1a2e;
	--mma-white: #ffffff;
	--mma-gray-50: #f9fafb;
	--mma-gray-100: #f3f4f6;
	--mma-gray-200: #e5e7eb;
	--mma-gray-300: #d1d5db;
	--mma-gray-500: #6b7280;
	--mma-gray-700: #374151;
	--mma-gray-900: #111827;
	--mma-font-primary: 'Oswald', sans-serif;
	--mma-font-secondary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--mma-spacing-xs: 0.25rem;
	--mma-spacing-sm: 0.5rem;
	--mma-spacing-md: 1rem;
	--mma-spacing-lg: 1.5rem;
	--mma-spacing-xl: 2rem;
	--mma-spacing-2xl: 3rem;
	--mma-spacing-3xl: 4rem;
	--mma-radius-sm: 0.375rem;
	--mma-radius-md: 0.5rem;
	--mma-radius-lg: 0.75rem;
	--mma-radius-xl: 1rem;
	--mma-radius-2xl: 1.5rem;
	--mma-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--mma-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--mma-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--mma-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	--mma-transition-fast: 150ms ease;
	--mma-transition-normal: 250ms ease;
}

/* ─── Header: „Koszyk” + „Moje konto” — identyczna typografia (Oswald 700); ikony Fa tylko na .mma-header-account-icon ─── */
/* Wyższa specyficzność niż custom.css (.mycart span → Fa na cały tekst „Koszyk”) */
.navbar > .w-container > .mma-header-account-cart .mma-header-cart-link.mycart,
.navbar > .w-container > .mma-header-account-cart .myaccount {
	font-family: 'Oswald', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	font-style: normal !important;
	font-stretch: 100% !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: color 0.5s ease !important;
	color: #fff !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0.35rem;
	position: relative;
}

.mma-header-cart-link.mycart {
	position: relative;
}

.navbar > .w-container > .mma-header-account-cart .mma-header-account-icon {
	display: inline-block;
	font-family: 'Fa solid 900', sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1 !important;
	margin-right: 0;
}

.navbar > .w-container > .mma-header-account-cart .mma-header-account-label {
	display: inline-block;
	font-family: 'Oswald', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	font-style: normal !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
	-webkit-font-smoothing: antialiased;
}

.mma-header-cart-badge {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 1.2rem;
	height: 1.2rem;
	padding: 0 4px;
	border-radius: 999px;
	background: #dc2626;
	color: var(--mma-white);
	font-family: var(--mma-font-primary);
	font-size: 0.65rem;
	font-weight: 700;
	line-height: 1;
	box-shadow: 0 1px 2px rgb(0 0 0 / 0.12);
	margin-left: 2px;
	vertical-align: middle;
}

.mma-header-cart-badge--empty {
	display: none !important;
}

/* Hover / focus: jak belka + spójnie z .myaccount:hover / .mycart:hover w custom.css (#000) */
.navbar > .w-container > .mma-header-account-cart .myaccount:hover,
.navbar > .w-container > .mma-header-account-cart .myaccount:focus-visible,
.navbar > .w-container > .mma-header-account-cart .mma-header-cart-link.mycart:hover,
.navbar > .w-container > .mma-header-account-cart .mma-header-cart-link.mycart:focus-visible {
	color: #000 !important;
	outline: none;
}

.navbar > .w-container > .mma-header-account-cart .myaccount .mma-header-account-icon,
.navbar > .w-container > .mma-header-account-cart .myaccount .mma-header-account-label,
.navbar > .w-container > .mma-header-account-cart .mma-header-cart-link .mma-header-account-icon,
.navbar > .w-container > .mma-header-account-cart .mma-header-cart-link .mma-header-account-label {
	transition: color 0.5s ease !important;
	color: #fff !important;
}

.navbar > .w-container > .mma-header-account-cart .myaccount:hover .mma-header-account-icon,
.navbar > .w-container > .mma-header-account-cart .myaccount:hover .mma-header-account-label,
.navbar > .w-container > .mma-header-account-cart .myaccount:focus-visible .mma-header-account-icon,
.navbar > .w-container > .mma-header-account-cart .myaccount:focus-visible .mma-header-account-label,
.navbar > .w-container > .mma-header-account-cart .mma-header-cart-link.mycart:hover .mma-header-account-icon,
.navbar > .w-container > .mma-header-account-cart .mma-header-cart-link.mycart:hover .mma-header-account-label,
.navbar > .w-container > .mma-header-account-cart .mma-header-cart-link.mycart:focus-visible .mma-header-account-icon,
.navbar > .w-container > .mma-header-account-cart .mma-header-cart-link.mycart:focus-visible .mma-header-account-label {
	color: #000 !important;
}

.mma-header-cart-link.mycart:hover .mma-header-cart-badge {
	background: #dc2626 !important;
	color: #fff !important;
}

/* Grupa: Koszyk + Moje konto (jedna strefa, bez rozstrzelenia na belce) */
.navbar > .w-container > .mma-header-account-cart {
	position: absolute;
	top: 2px;
	right: 100px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	gap: 14px;
	z-index: 20;
	max-width: calc(100% - 200px);
}

.navbar.page-navbar > .w-container > .mma-header-account-cart {
	top: -4px;
	right: 100px;
}

.navbar > .w-container > .mma-header-account-cart .myaccount,
.navbar > .w-container > .mma-header-account-cart .mycart,
.navbar > .w-container > .mma-header-account-cart .mma-header-cart-link {
	position: static !important;
	right: auto !important;
	top: auto !important;
}

@media (max-width: 767px) {
	.navbar > .w-container > .mma-header-account-cart {
		right: 52px;
		gap: 10px;
		max-width: calc(100% - 140px);
	}

	.navbar > .w-container > .mma-header-account-cart .myaccount,
	.navbar > .w-container > .mma-header-account-cart .mma-header-cart-link.mycart {
		font-size: 11px !important;
	}
}

/* ─── Strona koszyka ─── */
body.woocommerce-cart .site-content,
body.woocommerce-cart .szkolenia-content {
	background: var(--mma-gray-50);
}

body.woocommerce-cart .szkolenia-content .kalendarz-title {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	position: absolute !important;
	pointer-events: none !important;
}

body.woocommerce-cart .sr-content {
	margin-top: 0;
	padding-top: 0;
}

/* Wrapper pozostaje w DOM; sama „powierzchnia” komunikatów jest fixed (poniżej) */
body.woocommerce-cart .woocommerce-notices-wrapper {
	position: relative;
	z-index: 1;
	min-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	background: transparent !important;
	pointer-events: none;
}

.mma-cart-page {
	padding: 0 0 var(--mma-spacing-2xl);
	font-family: var(--mma-font-secondary);
	color: var(--mma-black);
}

.mma-cart-page .mma-container {
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Breadcrumbs */
.mma-cart-bc-outer {
	margin-bottom: var(--mma-spacing-md);
}

.mma-cart-bc-nav.woocommerce-breadcrumb {
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--mma-font-secondary) !important;
	font-size: 0.875rem !important;
	color: var(--mma-gray-500) !important;
}

.mma-cart-bc-nav a {
	color: var(--mma-gray-700) !important;
	text-decoration: none;
}

.mma-cart-bc-nav a:hover {
	color: var(--mma-black) !important;
	text-decoration: underline;
}

.mma-cart-bc-nav.woocommerce-breadcrumb .breadcrumb-current {
	font-weight: 600;
	color: var(--mma-gray-700) !important;
}

.mma-bc-sep {
	margin: 0 0.35rem;
	color: var(--mma-gray-300);
}

.mma-cart-page-title {
	font-family: var(--mma-font-primary);
	font-weight: 700;
	font-size: var(--mma-h1-size, clamp(32px, 4vw, 48px));
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: var(--mma-navy, #1a1a2e);
	margin: 0 0 var(--mma-spacing-sm);
	line-height: 1.15;
}

/* Linia pod H1 jak górna krawędź toolbara sklepu (#f5c518). Spójnie na sklepie, koncie i stronach shell — bez home i checkoutu. */
body:not(.home):not(.woocommerce-checkout) h1.mma-cart-page-title::after {
	content: '';
	display: block;
	border-top: 1px solid var(--mma-yellow, #fec009);
	margin-top: 0.75rem;
}

body.home h1.mma-cart-page-title::after,
body.woocommerce-checkout h1.mma-cart-page-title::after {
	content: none;
	display: none;
	border: 0;
	margin: 0;
}

.mma-cart-intro {
	font-family: var(--mma-font-secondary);
	font-size: 1rem;
	color: var(--mma-gray-500);
	margin: 0 0 var(--mma-spacing-xl);
	line-height: 1.5;
	max-width: 42rem;
}

/* Layout 2 kolumny */
.mma-cart-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--mma-spacing-xl);
	align-items: start;
}

.mma-cart-summary-col {
	min-width: 0;
	width: 100%;
}

@media (min-width: 1025px) {
	.mma-cart-layout {
		grid-template-columns: 1fr minmax(300px, 380px);
		gap: var(--mma-spacing-2xl);
	}

	.mma-cart-summary-col {
		position: sticky;
		top: 100px;
		align-self: start;
		max-height: none;
		overflow: visible;
	}
}

/* Główna kolumna: tabela → karty */
.mma-cart-main .woocommerce-cart-form {
	margin: 0;
	position: relative;
}

/* Stan ładowania przy przeliczaniu koszyka — ten sam wzorzec co Panel klienta (.woocommerce-MyAccount-content.mma-loading w mma-panel-klienta.php) */
@keyframes mma-spin {
	to {
		transform: rotate(360deg);
	}
}

body.woocommerce-cart .mma-cart-layout {
	position: relative;
}

body.woocommerce-cart .mma-cart-layout.mma-loading {
	opacity: 0.6;
	pointer-events: none;
}

body.woocommerce-cart .mma-cart-layout.mma-loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	border: 3px solid #e5e5e5;
	border-top-color: #f5c518;
	border-radius: 50%;
	animation: mma-spin 0.8s linear infinite;
	z-index: 8;
	pointer-events: none;
}

/* WooCommerce jQuery BlockUI: biały overlay + domyślny spinner — wyłączone na stronie koszyka MMA; loader = .mma-cart-layout.mma-loading */
body.woocommerce-cart .mma-cart-page .blockUI.blockOverlay,
body.woocommerce-cart .mma-cart-page .blockUI.blockMsg {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.mma-cart-table.shop_table {
	border: none !important;
	background: transparent !important;
	margin: 0 !important;
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

/* Woo domyślnie daje border-top na każdym td.shop_table — to daje „5 kresek” w wierszu grid */
.mma-cart-table.shop_table tbody tr td,
.mma-cart-table.shop_table tbody tr th {
	border: none !important;
	border-top: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
}

.woocommerce-cart table.shop_table.mma-cart-table tbody tr td,
.woocommerce-cart table.shop_table.mma-cart-table tbody tr th {
	border: none !important;
	border-top: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
}

/*
 * WooCommerce smallscreen (≤768px): .shop_table_responsive tr { display:block },
 * tr td { text-align:right !important } — rozjeżdża jednowierszowy grid pozycji koszyka MMA.
 * Breakpoint jak `woocommerce_style_smallscreen_breakpoint` (domyślnie 768px).
 */
@media screen and (max-width: 768px) {
	body.woocommerce-cart .woocommerce table.shop_table_responsive.mma-cart-table tbody tr.cart_item {
		display: grid !important;
		grid-template-columns: 2.75rem minmax(0, 1fr) max-content max-content 1.18rem;
		grid-template-areas: 'thumb name qty subtotal remove';
		align-items: center;
		column-gap: 0.1rem;
		row-gap: 0;
		padding: var(--mma-spacing-xs) var(--mma-spacing-sm);
		min-width: 0;
		width: 100%;
		box-sizing: border-box;
	}

	body.woocommerce-cart .woocommerce table.shop_table_responsive.mma-cart-table tbody tr.cart_item > td.product-thumbnail {
		text-align: left !important;
	}

	body.woocommerce-cart .woocommerce table.shop_table_responsive.mma-cart-table tbody tr.cart_item > td.product-name {
		text-align: left !important;
	}

	body.woocommerce-cart .woocommerce table.shop_table_responsive.mma-cart-table tbody tr.cart_item > td.product-quantity {
		text-align: center !important;
	}

	body.woocommerce-cart .woocommerce table.shop_table_responsive.mma-cart-table tbody tr.cart_item > td.product-subtotal {
		text-align: right !important;
	}

	body.woocommerce-cart .woocommerce table.shop_table_responsive.mma-cart-table tbody tr.cart_item > td.product-remove {
		text-align: center !important;
	}
}

.mma-cart-table tbody {
	display: block;
	width: 100%;
	background: var(--mma-white);
	border: 1px solid var(--mma-gray-200);
	border-radius: var(--mma-radius-xl);
	box-shadow: var(--mma-shadow-md);
	overflow: hidden;
}

.mma-cart-table thead th {
	font-family: var(--mma-font-primary);
	font-weight: 600;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--mma-gray-500);
	padding: 0 0 var(--mma-spacing-sm);
	border: none !important;
	background: transparent !important;
}

/* Mobile-first: jeden wiersz — miniatura | tytuł | qty | cena | usuń (stałe szpalty po prawej) */
.mma-cart-table tbody tr.cart_item {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	border-bottom: none;
	display: grid;
	grid-template-columns: 2.75rem minmax(0, 1fr) 3.45rem 6.1rem 1.35rem;
	grid-template-areas: 'thumb name qty subtotal remove';
	align-items: center;
	column-gap: 0.5rem;
	row-gap: 0;
	padding: var(--mma-spacing-sm) var(--mma-spacing-sm);
	min-width: 0;
	width: 100%;
	box-sizing: border-box;
}

.mma-cart-table tbody tr.cart_item + tr.cart_item {
	border-top: 1px solid var(--mma-gray-200);
}

@media (min-width: 900px) {
	.mma-cart-table tbody tr.cart_item {
		grid-template-columns: 80px minmax(240px, 1fr) 4.5rem minmax(4.75rem, 5.25rem) 2rem;
		grid-template-areas: 'thumb name qty subtotal remove';
		align-items: center;
		column-gap: var(--mma-spacing-md);
		padding: var(--mma-spacing-lg);
	}

	.mma-cart-table tbody tr.cart_item .product-quantity {
		max-width: none;
		width: auto;
	}

	.mma-cart-table tbody tr.cart_item .product-remove {
		justify-self: end;
		width: auto;
		max-width: none;
	}

	.mma-cart-table tbody tr.cart_item .product-thumbnail {
		align-self: start;
	}
}

.mma-cart-table tbody tr.cart_item .product-name {
	grid-area: name;
	font-family: var(--mma-font-primary);
	font-weight: 600;
	font-size: 1.05rem;
	color: var(--mma-black);
	line-height: 1.35;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	text-align: left;
	justify-self: start;
	align-self: center;
	box-sizing: border-box;
}

.mma-cart-line-title-wrap {
	min-width: 0;
	max-width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	line-height: 1.35;
	word-break: break-word;
}

.mma-cart-line-title-wrap a {
	display: inline;
	color: inherit;
	text-decoration: none;
}

.mma-cart-line-title-wrap a:hover {
	text-decoration: underline;
}

@media (max-width: 899px) {
	.mma-cart-line-title-wrap {
		display: block;
		-webkit-line-clamp: unset;
		line-clamp: unset;
		-webkit-box-orient: unset;
		word-break: normal;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.mma-cart-table tbody tr.cart_item .product-name .variation,
.mma-cart-table tbody tr.cart_item .product-name dl.variation {
	margin-top: var(--mma-spacing-sm);
	font-family: var(--mma-font-secondary);
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--mma-gray-500);
}

.mma-cart-table tbody tr.cart_item .product-name dl.variation dt {
	font-weight: 600;
	color: var(--mma-gray-700);
}

.mma-cart-table tbody tr.cart_item .product-thumbnail {
	grid-area: thumb;
	align-self: center;
}

.mma-cart-table tbody tr.cart_item .product-thumbnail img {
	width: 100% !important;
	max-width: 100px !important;
	height: auto !important;
	border-radius: var(--mma-radius-lg);
	border: 1px solid var(--mma-gray-200);
	object-fit: cover;
	display: block;
	background: var(--mma-gray-50);
}

.mma-cart-table tbody tr.cart_item .product-remove {
	grid-area: remove;
	justify-self: center;
	align-self: center;
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
}

/* WooCommerce ustawia a.remove na czerwono — nadpisanie pełne, czerwień tylko na :hover */
body.woocommerce-cart .mma-cart-table a.remove.mma-cart-remove-btn,
body.woocommerce-cart .mma-cart-table a.remove.mma-cart-remove-btn:link,
body.woocommerce-cart .mma-cart-table a.remove.mma-cart-remove-btn:visited {
	color: var(--mma-gray-500) !important;
}

.mma-cart-remove-btn.remove {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 0;
	width: auto;
	height: auto;
	padding: 0.2rem;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--mma-gray-500) !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	border: none !important;
	transition: color 0.2s ease;
	overflow: visible !important;
}

.mma-cart-remove-icon {
	display: block;
	width: 1.15rem;
	height: 1.15rem;
	flex-shrink: 0;
	background-color: currentColor;
	transition: background-color 0.2s ease;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.mma-cart-remove-btn.remove:hover {
	color: #dc2626 !important;
	background: transparent !important;
}

.mma-cart-remove-btn.remove:active {
	color: #dc2626 !important;
}

.mma-cart-remove-btn.remove:focus {
	outline: none;
}

.mma-cart-remove-btn.remove:focus-visible:not(:hover) {
	color: var(--mma-gray-500) !important;
	outline: 2px solid var(--mma-gray-300);
	outline-offset: 2px;
}

.mma-cart-remove-btn.remove:focus-visible:hover {
	color: #dc2626 !important;
	outline: none;
}

/* Maska SVG nie zawsze bierze kolor z :hover linku — jawny kolor ikony */
.mma-cart-remove-btn.remove:hover .mma-cart-remove-icon,
.mma-cart-remove-btn.remove:active .mma-cart-remove-icon,
.mma-cart-remove-btn.remove:focus-visible:hover .mma-cart-remove-icon {
	background-color: #dc2626;
}

.mma-cart-table tbody tr.cart_item .product-quantity {
	grid-area: qty;
	justify-self: center;
	align-self: center;
	width: 100%;
	max-width: 3.45rem;
	box-sizing: border-box;
}

.mma-cart-table tbody tr.cart_item .product-quantity .quantity {
	display: block;
	width: 100%;
	max-width: 5.5rem;
}

.mma-cart-table tbody tr.cart_item .product-quantity .mma-cart-qty-wrap {
	border: 1px solid var(--mma-gray-300);
	border-radius: var(--mma-radius-md);
	background: var(--mma-white);
	overflow: hidden;
}

.mma-cart-table tbody tr.cart_item .product-quantity .mma-cart-qty-core {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	min-height: 2.25rem;
}

.mma-cart-table tbody tr.cart_item .product-quantity .mma-cart-qty-stack {
	display: flex;
	flex-direction: column;
	flex: 0 0 1.35rem;
	border-left: 1px solid var(--mma-gray-200);
}

.mma-cart-table tbody tr.cart_item .product-quantity .mma-cart-qty-btn {
	flex: 1 1 50%;
	width: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: var(--mma-gray-100);
	color: var(--mma-black);
	font-family: var(--mma-font-primary);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.mma-cart-table tbody tr.cart_item .product-quantity .mma-cart-qty-minus {
	border-top: 1px solid var(--mma-gray-200);
}

.mma-cart-table tbody tr.cart_item .product-quantity .mma-cart-qty-btn:hover,
.mma-cart-table tbody tr.cart_item .product-quantity .mma-cart-qty-btn:focus-visible {
	background: var(--mma-gold);
	color: var(--mma-black);
	outline: none;
}

.mma-cart-table tbody tr.cart_item .product-quantity input.qty {
	flex: 1 1 auto;
	width: 2.25rem !important;
	min-width: 2rem !important;
	min-height: 2.25rem !important;
	text-align: center;
	font-family: var(--mma-font-secondary);
	font-size: 0.875rem;
	border: none !important;
	border-radius: 0 !important;
	padding: 0.2rem !important;
	box-sizing: border-box;
	-moz-appearance: textfield;
}

.mma-cart-table tbody tr.cart_item .product-quantity input.qty::-webkit-outer-spin-button,
.mma-cart-table tbody tr.cart_item .product-quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}

.mma-cart-table tbody tr.cart_item .product-subtotal {
	grid-area: subtotal;
	justify-self: end;
	align-self: center;
	width: 100%;
	max-width: 100%;
	text-align: right;
	font-family: var(--mma-font-primary);
	font-weight: 700;
	font-size: 1rem;
	color: var(--mma-black);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 0.25rem;
	box-sizing: border-box;
}

@media (min-width: 900px) {
	.mma-cart-table tbody tr.cart_item .product-subtotal {
		padding-left: 0.65rem;
		max-width: none;
	}
}

/* Karty zamiast nagłówka tabeli — dostępność przez etykiety w komórkach / data-title */
.mma-cart-table thead {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Wiersz akcji + kupon — pełna szerokość przy tbody display:block */
.mma-cart-actions-row {
	display: block !important;
	width: 100% !important;
}

.mma-cart-actions-row td.actions {
	display: flex !important;
	flex-direction: column;
	width: 100% !important;
	padding: var(--mma-spacing-lg) !important;
	border: none !important;
	background: transparent !important;
	gap: var(--mma-spacing-sm);
}

/* Kupon w kolumnie głównej nieużywany — zostawiamy reguły ogólne pod ewentualne wtyczki w actions */
.mma-cart-coupon {
	width: 100%;
	padding: var(--mma-spacing-lg);
	background: var(--mma-white);
	border: 1px solid var(--mma-gray-200);
	border-radius: var(--mma-radius-xl);
	box-shadow: var(--mma-shadow-sm);
}

/* Kupon + punkty w boxie podsumowania */
.mma-cart-summary-extras {
	margin-top: var(--mma-spacing-lg);
	padding-top: var(--mma-spacing-md);
	border-top: 1px solid var(--mma-gray-200);
}

.mma-cart-coupon--compact {
	padding: var(--mma-spacing-sm) 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.mma-cart-coupon--compact .mma-cart-coupon-label {
	font-size: 0.7rem;
	margin-bottom: var(--mma-spacing-xs);
}

.mma-cart-coupon--compact .mma-cart-coupon-fields {
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--mma-spacing-xs);
}

.mma-cart-coupon--compact .mma-cart-coupon-input {
	min-height: 40px !important;
	font-size: 0.875rem !important;
}

.mma-cart-coupon--compact .mma-cart-coupon-btn {
	min-height: 40px !important;
	padding: 0 0.85rem !important;
	font-size: 0.7rem !important;
}

.mma-cart-summary-extras .woocommerce-info,
.mma-cart-summary-extras .wc_points_rewards_earn_points,
.mma-cart-summary-extras .wc_points_redeem_earn_points,
.mma-cart-summary-extras form {
	margin-top: var(--mma-spacing-sm);
	font-size: 0.875rem;
}

.mma-cart-points-wrap {
	margin-top: var(--mma-spacing-md);
	padding-top: var(--mma-spacing-md);
	border-top: 1px solid var(--mma-gray-200);
}

.mma-cart-points-wrap:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.mma-cart-points-wrap .woocommerce-info,
.mma-cart-points-wrap form {
	margin-top: 0;
}

.mma-cart-points-wrap input.input-text,
.mma-cart-points-wrap input[type='number'] {
	min-height: 44px;
	border: 1px solid var(--mma-gray-300) !important;
	border-radius: var(--mma-radius-md) !important;
	padding: 0 0.65rem !important;
	font-family: var(--mma-font-secondary) !important;
}

.mma-cart-points-wrap .button,
.mma-cart-points-wrap button[type='submit'] {
	min-height: 44px;
	padding: 0 1rem !important;
	font-family: var(--mma-font-primary) !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	font-size: 0.75rem !important;
	border-radius: var(--mma-radius-md) !important;
}

/* Wyłączenie pseudo-etykiet Woo (krótkie kreski) — cała szerokość wiersza, jedna linia między produktami */
.mma-cart-table.shop_table_responsive tbody tr.cart_item td::before,
.mma-cart-table tbody tr.cart_item td::before {
	display: none !important;
	content: none !important;
}

@media screen and (max-width: 768px) {
	.woocommerce table.shop_table_responsive.mma-cart-table tbody tr.cart_item td {
		background: transparent !important;
	}
}

.mma-cart-coupon-label {
	display: block;
	font-family: var(--mma-font-primary);
	font-weight: 600;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--mma-gray-700);
	margin-bottom: var(--mma-spacing-sm);
}

.mma-cart-coupon-fields {
	display: flex;
	flex-direction: column;
	gap: var(--mma-spacing-sm);
}

@media (min-width: 480px) {
	.mma-cart-coupon-fields {
		flex-direction: row;
		align-items: stretch;
	}

	.mma-cart-coupon-input {
		flex: 1;
		min-width: 0;
	}
}

.mma-cart-coupon-input.input-text {
	min-height: 48px;
	border: 1px solid var(--mma-gray-300) !important;
	border-radius: var(--mma-radius-md) !important;
	padding: 0 0.75rem !important;
	font-family: var(--mma-font-secondary) !important;
}

.mma-cart-coupon-btn.button {
	min-height: 48px;
	padding: 0 1.25rem !important;
	font-family: var(--mma-font-primary) !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	background: var(--mma-white) !important;
	color: var(--mma-black) !important;
	border: 2px solid var(--mma-gray-200) !important;
	border-radius: var(--mma-radius-md) !important;
}

.mma-cart-coupon-btn.button:hover {
	border-color: var(--mma-gold) !important;
	background: var(--mma-gray-50) !important;
}

.mma-cart-update-btn.button {
	width: 100%;
	min-height: 48px;
	font-family: var(--mma-font-primary) !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	background: var(--mma-white) !important;
	color: var(--mma-black) !important;
	border: 2px solid var(--mma-gray-300) !important;
	border-radius: var(--mma-radius-md) !important;
}

.mma-cart-update-btn.button:hover {
	border-color: var(--mma-black) !important;
}

/* Prawa kolumna — podsumowanie */
.mma-cart-collaterals-box,
.mma-cart-summary-col .cart-collaterals {
	width: 100%;
}

body.woocommerce-cart .cart-collaterals {
	width: 100% !important;
	float: none !important;
}

.mma-cart-totals-panel.cart_totals {
	background: var(--mma-white);
	border: 1px solid var(--mma-gray-200);
	border-radius: var(--mma-radius-2xl);
	box-shadow: none;
	padding: var(--mma-spacing-xl);
	margin: 0 !important;
	width: 100% !important;
	max-width: 100%;
	float: none !important;
	overflow-x: clip;
	isolation: isolate;
}

@media screen and (min-width: 900px) {
	.mma-cart-totals-panel.cart_totals {
		overflow-x: visible;
	}
}

/* Wyższa specyficzność niż custom.css `.cart_totals h2 { font-size: 30px }` */
body.woocommerce-cart .mma-cart-totals-panel.cart_totals h2.mma-cart-totals-title {
	font-family: var(--mma-font-primary);
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-align: center;
	color: var(--mma-black);
	margin: 0 0 var(--mma-spacing-lg);
	margin-top: 0;
	padding-bottom: var(--mma-spacing-md);
	padding-inline: 0.25rem;
	border-bottom: 1px solid var(--mma-gray-200);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

@media screen and (min-width: 900px) {
	body.woocommerce-cart .mma-cart-totals-panel.cart_totals h2.mma-cart-totals-title {
		font-size: clamp(0.96875rem, 0.78rem + 0.48vw, 1.125rem);
		white-space: nowrap;
		overflow: visible;
		word-break: normal;
		hyphens: manual;
	}
}

.mma-cart-totals-table.shop_table {
	border: none !important;
	margin: 0 !important;
}

.mma-cart-totals-table.mma-cart-totals-table--lines {
	table-layout: fixed;
	width: 100%;
}

.mma-cart-totals-table tr th,
.mma-cart-totals-table tr td {
	border: none !important;
	padding: 0.5rem 0 !important;
	font-family: var(--mma-font-secondary);
	font-size: 0.95rem;
	vertical-align: top;
}

.mma-cart-totals-table tr th {
	color: var(--mma-gray-500);
	font-weight: 500;
	text-align: left;
	width: 45%;
}

.mma-cart-totals-table tr td {
	text-align: right;
	color: var(--mma-black);
	font-weight: 500;
}

/*
 * PUNKT 1 v2 (28.04.2026): kolumny tabeli totals 65%/35% (zamiast 88%/12%).
 * Pod table-layout: fixed pierwszy wiersz z explicit widths ustala kolumny
 * dla całej tabeli — wszystkie wiersze (line-item, fee, cart-discount,
 * order-total) dziedziczą 65/35. Cena order-total (1.35rem bold ~140px)
 * mieści się w 35% kolumny ceny prawie w całości — niewielki overflow lewo
 * idzie w pusty obszar po prawej etykiety „Łącznie:" w th. Prawa krawędź
 * tekstu ceny order-total = prawa krawędź 35% kolumny = prawa krawędź
 * tabeli = prawa krawędź panelu = identyczna z line-item / fee / discount.
 */
.mma-cart-totals-table tr.mma-cart-summary-line-item th {
	font-family: var(--mma-font-secondary);
	font-weight: 500;
	font-size: 0.9rem;
	color: var(--mma-gray-700);
	line-height: 1.25;
	vertical-align: middle;
	width: 65%;
	max-width: 65%;
	overflow: hidden;
}

.mma-cart-totals-table tr.mma-cart-summary-line-item td {
	font-family: var(--mma-font-primary);
	font-weight: 600;
	font-size: 0.95rem;
	vertical-align: middle;
	width: 35%;
	white-space: nowrap;
}

.mma-cart-totals-table .mma-cart-summary-line-qty-prefix {
	flex: 0 0 auto;
	font-weight: 600;
	font-size: 0.8rem;
	color: var(--mma-gray-500);
	white-space: nowrap;
	margin-right: 0.1rem;
}

/* Tytuł w wierszu pozycji: ellipsis osobno od „× ilość” */
.mma-cart-totals-table tr.mma-cart-summary-line-item .mma-cart-summary-line-head {
	display: flex;
	align-items: baseline;
	gap: 0.35rem;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.mma-cart-totals-table tr.mma-cart-summary-line-item .mma-cart-summary-line-name {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*
 * PUNKT 1 v2 (28.04.2026): order-total jako zwykły table-row (cofnięty flex
 * z v1.9.2 który nie rozciągał się do 100% panelu pod table-layout: fixed).
 * Pod kolumnami 65/35 z line-itemów (zmiana wyżej), th i td order-total
 * dostają te same 65/35 → border-top na cells spans pełną szerokość tabeli
 * (= pełną szerokość panelu, identyczna długość jak separator pod „Łącznie:").
 * Cena right-aligned w 35% td → prawa krawędź = prawa krawędź panelu.
 */
.mma-cart-totals-table tr.order-total th,
.mma-cart-totals-table tr.order-total td {
	font-family: var(--mma-font-primary);
	font-weight: 700;
	font-size: 1.35rem;
	padding-top: var(--mma-spacing-md) !important;
	border-top: 1px solid var(--mma-gray-200) !important;
}

.mma-cart-totals-table tr.order-total td {
	color: var(--mma-black);
}

.wc-proceed-to-checkout {
	padding-top: var(--mma-spacing-md) !important;
	padding-bottom: 0 !important;
	margin-top: var(--mma-spacing-sm) !important;
	margin-bottom: 0 !important;
}

.wc-proceed-to-checkout .checkout-button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	text-align: center !important;
	box-sizing: border-box !important;
	min-height: 3.25rem !important;
	line-height: 1.2 !important;
	padding: 0.85rem 1.25rem !important;
	font-family: var(--mma-font-primary) !important;
	font-weight: 700 !important;
	font-size: 1rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	white-space: normal !important;
	background: var(--mma-gold) !important;
	color: var(--mma-black) !important;
	border: none !important;
	border-radius: var(--mma-radius-md) !important;
	box-shadow: var(--mma-shadow-sm);
	transition: background 0.2s ease, transform 0.15s ease;
}

.wc-proceed-to-checkout .checkout-button:hover {
	background: var(--mma-gold-dark) !important;
	color: var(--mma-black) !important;
	transform: translateY(-1px);
}

.mma-cart-continue-shopping {
	margin: var(--mma-spacing-xs) 0 0;
	padding: 0;
	text-align: center;
}

.mma-cart-continue-shopping a {
	font-family: var(--mma-font-primary);
	font-weight: 600;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--mma-gray-700);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.mma-cart-continue-shopping a:hover {
	color: var(--mma-black);
	border-bottom-color: var(--mma-gold);
}

/* Cross-sells pod układem */
.mma-cart-cross-sells-wrap {
	margin-top: var(--mma-spacing-2xl);
	padding-bottom: var(--mma-spacing-xl);
}

.mma-cart-cross-sells-wrap .cross-sells > h2 {
	font-family: var(--mma-font-primary);
	font-weight: 700;
	font-size: 1.25rem;
	color: var(--mma-black);
	margin-bottom: var(--mma-spacing-lg);
}

/* Pusty koszyk — to samo tło i karta co flow auth MMA */
body.mma-cart-empty-mma.woocommerce-cart {
	background-color: #f5f5f5;
}

.mma-cart-page--empty .mma-cart-page-title {
	font-family: 'Montserrat', var(--mma-font-primary), sans-serif;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--mma-black);
	text-align: left;
	margin-bottom: var(--mma-spacing-lg);
}

.mma-cart-empty-message {
	margin: 0;
	padding: 0;
}

.mma-cart-empty-message .mma-cart-empty-lead {
	margin: 0 0 12px;
	font-family: 'Montserrat', var(--mma-font-primary), sans-serif;
	font-weight: 700;
	font-size: clamp(1.05rem, 2.8vw, 1.25rem);
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--mma-black);
	line-height: 1.35;
}

.mma-cart-empty-message .mma-cart-empty-hint {
	margin: 0 auto;
	max-width: 26rem;
	font-family: 'Inter', var(--mma-font-secondary), sans-serif;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--mma-gray-700);
}

@media (min-width: 768px) {
	.mma-cart-empty-message .mma-cart-empty-hint {
		font-size: 1rem;
		line-height: 1.65;
		max-width: 28rem;
	}
}

/* Karta jak .mma-auth-card (gość) */
.mma-cart-page--empty .mma-empty-cart-card {
	width: calc(100vw - 24px);
	max-width: 780px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 16px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
	padding: 24px 18px 28px;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.mma-cart-page--empty .mma-empty-cart-card {
		padding: 36px 40px 40px;
	}
}

.mma-empty-cart-card__body {
	text-align: center;
	max-width: 520px;
	margin: 0 auto;
}

.mma-empty-cart-card__cta-wrap {
	margin: 22px 0 0 !important;
	padding: 0 !important;
	text-align: center;
}

.mma-empty-cart-card__cta-wrap .mma-empty-cart-cta.mma-auth-cta-btn {
	display: inline-flex !important;
	width: auto !important;
	min-width: 200px;
	max-width: 100%;
	height: 54px !important;
	padding: 0 32px !important;
	margin: 0 auto !important;
	text-decoration: none !important;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.mma-cart-page--empty .mma-cart-empty-box {
		padding-left: 0;
		padding-right: 0;
	}

	.mma-cart-empty-message .mma-cart-empty-lead {
		font-size: 1rem;
		margin-bottom: 10px;
	}

	.mma-cart-empty-message .mma-cart-empty-hint {
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.mma-cart-page--empty .mma-empty-cart-card {
		padding: 20px 14px 24px;
		border-radius: 14px;
	}

	.mma-empty-cart-card__cta-wrap .mma-empty-cart-cta.mma-auth-cta-btn {
		min-height: 48px !important;
		height: 48px !important;
		padding: 0 24px !important;
		font-size: 15px !important;
	}
}

/* Komunikaty Woo są przenoszone do toast (mma-cart-toast.js) — wrapper nie zajmuje layoutu */
body.woocommerce-cart .woocommerce-notices-wrapper {
	overflow: hidden;
	min-height: 0;
}

/* Toast — dolny viewport, jedna linia tekstu, MMA */
.mma-cart-toast-host {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100070;
	display: flex;
	flex-direction: column;
	align-items: center;
	pointer-events: none;
	padding: 0 1rem max(1rem, env(safe-area-inset-bottom, 0px));
	box-sizing: border-box;
}

.mma-cart-toast {
	pointer-events: auto;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	width: fit-content;
	max-width: calc(100vw - 2rem);
	min-width: 0;
	min-height: 2.9rem;
	max-height: 2.9rem;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	background: rgb(255 255 255 / 0.97);
	backdrop-filter: blur(8px);
	border: 1px solid var(--mma-gold);
	border-radius: var(--mma-radius-md);
	box-shadow: 0 -4px 24px rgb(0 0 0 / 0.08);
	font-family: var(--mma-font-secondary);
	font-size: 0.8125rem;
	line-height: 1.25;
	color: var(--mma-black);
	transform: translateY(120%);
	opacity: 0;
	transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.38s ease;
}

.mma-cart-toast--visible {
	transform: translateY(0);
	opacity: 1;
}

.mma-cart-toast--error {
	border-color: #fecaca;
}

/* Lead sztywny; produkt — flex shrink + ellipsis; szerokość całego toastu = fit-content do max-width */
.mma-cart-toast__main {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	flex: 0 1 auto;
	gap: 0.35rem;
	min-width: 0;
	max-width: 100%;
	padding: 0.55rem 0.5rem 0.55rem 0.75rem;
	box-sizing: border-box;
	overflow: hidden;
}

.mma-cart-toast__lead {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	flex: 0 0 auto;
	gap: 0.15rem;
}

.mma-cart-toast__toolbar {
	display: flex;
	flex: 0 0 3rem;
	align-items: center;
	justify-content: center;
	border-left: 1px solid var(--mma-gray-200);
	box-sizing: border-box;
	min-width: 3rem;
	width: 3rem;
}

.mma-cart-toast__action {
	white-space: nowrap;
	font-weight: 600;
	color: var(--mma-black);
}

.mma-cart-toast__sep {
	white-space: nowrap;
	color: var(--mma-gray-400);
	font-weight: 500;
}

.mma-cart-toast__sep.mma-cart-toast__sep--hidden,
.mma-cart-toast__product.mma-cart-toast__product--hidden {
	display: none;
}

.mma-cart-toast__product {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	color: var(--mma-gray-600);
	text-align: left;
}

.mma-cart-toast__close {
	flex: none;
	align-self: stretch;
	width: 100%;
	min-height: 2.9rem;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	color: var(--mma-gray-500);
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
	border-radius: 0;
	transition: color 0.2s ease, background 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mma-cart-toast__close:hover,
.mma-cart-toast__close:focus-visible {
	color: var(--mma-black);
	background: var(--mma-gray-100);
	outline: none;
}

/* Komunikaty Woo: przycisk obok treści (flex row) — nadpisanie width:100% z toastu */
.woocommerce-notices-wrapper .mma-wc-notice-dismiss.mma-cart-toast__close {
	width: 2.75rem;
	min-width: 2.75rem;
	max-width: 2.75rem;
	flex: 0 0 2.75rem;
	align-self: stretch;
	box-sizing: border-box;
}

/* Desktop: górny limit szerokości; krótkie treści = wąski toast (width: fit-content w bazie) */
@media screen and (min-width: 900px) {
	.mma-cart-toast {
		max-width: min(42rem, calc(100vw - 2rem));
	}
}

@media screen and (max-width: 599px) {
	.mma-cart-toast {
		max-width: calc(100vw - 2rem);
		min-height: 2.6rem;
		max-height: 2.6rem;
		font-size: 0.74rem;
	}

	.mma-cart-toast__main {
		gap: 0.28rem;
		padding: 0.45rem 0.35rem 0.45rem 0.55rem;
	}

	.mma-cart-toast__lead {
		gap: 0.12rem;
	}

	.mma-cart-toast__toolbar {
		flex: 0 0 2.75rem;
		min-width: 2.75rem;
		width: 2.75rem;
	}

	.mma-cart-toast__close {
		min-height: 2.6rem;
		font-size: 1.25rem;
	}
}

/* Responsywny shop_table — wsparcie data-title */
@media screen and (max-width: 768px) {
	.mma-cart-totals-table.shop_table_responsive tr,
	.mma-cart-table.shop_table_responsive tbody tr.cart_item {
		/* cart_item już grid */
	}

	.mma-cart-totals-table.shop_table_responsive tr td::before {
		font-family: var(--mma-font-primary);
		font-weight: 600;
		font-size: 0.7rem;
		text-transform: uppercase;
		color: var(--mma-gray-500);
	}
}

/* Shipping methods w totals */
.mma-cart-totals-panel .woocommerce-shipping-methods {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.mma-cart-totals-panel .woocommerce-shipping-methods li {
	margin-bottom: var(--mma-spacing-xs);
}

/* ─── Mobile: lżejszy układ + widoczna miniatura ─── */
@media screen and (max-width: 899px) {
	.mma-cart-table tbody {
		overflow: visible;
	}

	/*
	 * P1 (zebra-striping fix v1.9.4, 2026-04-28): WooCommerce
	 * woocommerce-smallscreen.css (dependency mma-cart) ma:
	 *   .woocommerce table.shop_table_responsive tr:nth-child(2n) td {
	 *       background-color: rgba(0,0,0,.025)
	 *   } (specyficzność 0,2,3) → na mobile co drugi wiersz w
	 * mma-cart-totals-table dostawał szare tło pod ceną/labelem
	 * (widoczne jako szary box pod 2. pozycją w podsumowaniu).
	 * Klient chce wszystkie wiersze podsumowania bez tła. Scope
	 * ZAWĘŻONY do .mma-cart-totals-table — `/moje-konto/zamowienia/`,
	 * inne tabele Woo zachowują domyślny styling.
	 */
	.mma-cart-totals-table tr:nth-child(2n) td,
	.mma-cart-totals-table tr:nth-child(2n) th {
		background-color: transparent !important;
	}

	.mma-cart-page {
		padding: 0 0 var(--mma-spacing-xl);
	}

	.mma-cart-page .mma-container {
		padding: 0;
	}

	.mma-cart-page-title {
		font-size: clamp(1.35rem, 6vw, 1.65rem);
		margin-bottom: var(--mma-spacing-xs);
	}

	.mma-cart-intro {
		font-size: 0.875rem;
		margin-bottom: var(--mma-spacing-lg);
	}

	.mma-cart-layout {
		gap: var(--mma-spacing-lg);
	}

	/* Kolumny qty + cena = max-content: cena siada bliżej qty; oddech tytuł↔qty przez padding-right na nazwie + mały gap */
	.mma-cart-table tbody tr.cart_item {
		grid-template-columns: 2.75rem minmax(0, 1fr) max-content max-content 1.18rem;
		column-gap: 0.1rem;
		padding: var(--mma-spacing-xs) var(--mma-spacing-sm);
	}

	.mma-cart-table tbody tr.cart_item .product-quantity {
		justify-self: end;
		align-self: center;
		width: auto;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}

	.mma-cart-table tbody tr.cart_item .product-thumbnail {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		min-width: 2.75rem;
		grid-area: thumb;
		align-self: center;
	}

	.mma-cart-table tbody tr.cart_item .product-thumbnail img {
		max-width: 2.75rem !important;
		width: 2.75rem !important;
		min-height: 2.75rem;
		object-fit: cover;
	}

	.mma-cart-table tbody tr.cart_item .product-name {
		font-size: 0.72rem;
		line-height: 1.25;
		margin-left: 0.35rem;
		margin-right: 0;
		padding-right: 1.05rem;
		box-sizing: border-box;
	}

	.mma-cart-table tbody tr.cart_item .product-name .variation,
	.mma-cart-table tbody tr.cart_item .product-name dl.variation {
		display: none;
	}

	.mma-cart-table tbody tr.cart_item .product-subtotal {
		justify-self: start;
		align-self: center;
		padding-left: 0.06rem;
		margin-left: 0;
		font-size: 0.72rem;
	}

	.mma-cart-table tbody tr.cart_item .product-quantity .quantity {
		max-width: 100%;
	}

	.mma-cart-table tbody tr.cart_item .product-quantity .mma-cart-qty-core {
		min-height: 1.65rem;
	}

	.mma-cart-table tbody tr.cart_item .product-quantity input.qty {
		min-height: 1.65rem !important;
		font-size: 0.68rem;
		width: 1.55rem !important;
		min-width: 1.45rem !important;
	}

	.mma-cart-table tbody tr.cart_item .product-quantity .mma-cart-qty-stack {
		flex-basis: 0.95rem;
	}

	.mma-cart-table tbody tr.cart_item .product-quantity .mma-cart-qty-btn {
		font-size: 0.55rem;
	}

	.mma-cart-remove-btn.remove {
		min-width: 0;
		min-height: 0;
		width: auto;
		height: auto;
		padding: 0.12rem;
	}

	.mma-cart-remove-icon {
		width: 0.88rem;
		height: 0.88rem;
	}

	.mma-cart-actions-row td.actions {
		padding: var(--mma-spacing-md) !important;
	}

	.mma-cart-totals-panel.cart_totals {
		padding: var(--mma-spacing-md) var(--mma-spacing-sm);
		border-radius: var(--mma-radius-xl);
	}

	/* Nagłówek „Podsumowanie zamówienia” — na mobile ukryty (uproszczony blok, pkt 4) */
	body.woocommerce-cart .mma-cart-totals-panel.cart_totals h2.mma-cart-totals-title {
		display: none !important;
	}

	.mma-cart-totals-table tr th,
	.mma-cart-totals-table tr td {
		font-size: 0.85rem !important;
		padding: 0.35rem 0 !important;
	}

	.mma-cart-totals-table tr.mma-cart-summary-line-item th {
		font-size: 0.8rem;
	}

	.mma-cart-totals-table tr.mma-cart-summary-line-item td {
		font-size: 0.85rem;
	}

	/* Dwie kolumny: elastyczny tytuł (min-width:0) | stała szerokość ceny */
	.mma-cart-totals-table.mma-cart-totals-table--lines {
		width: 100%;
		max-width: 100%;
		table-layout: fixed;
	}

	/*
	 * PUNKT 2 v2 (28.04.2026): !important na display: grid / block.
	 * WooCommerce woocommerce-smallscreen.css (dependency mma-cart) ma:
	 *   .woocommerce table.shop_table_responsive tr { display: block }   spec 0,2,2
	 *   .woocommerce table.shop_table_responsive tbody th { display: none } spec 0,2,3
	 * Bez !important reguły MMA przegrywały kaskadę → th (label produktu /
	 * „Rabat punktowy" / kupon) były ukryte na mobile, a tr nie był grid.
	 */
	.mma-cart-totals-table tr.mma-cart-summary-line-item {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(5.1rem, max-content);
		column-gap: 0.5rem;
		align-items: center;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0.35rem 0 !important;
		border-bottom: 1px solid var(--mma-gray-100);
	}

	.mma-cart-totals-table tr.mma-cart-summary-line-item th,
	.mma-cart-totals-table tr.mma-cart-summary-line-item td {
		display: block !important;
		padding: 0 !important;
		border: none !important;
		font-size: 0.78rem !important;
		box-sizing: border-box;
	}

	.mma-cart-totals-table.shop_table_responsive tr.mma-cart-summary-line-item th::before,
	.mma-cart-totals-table.shop_table_responsive tr.mma-cart-summary-line-item td::before {
		display: none !important;
		content: none !important;
	}

	.mma-cart-totals-table tr.mma-cart-summary-line-item th {
		grid-column: 1;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
		justify-self: stretch;
		align-self: center;
		text-align: left !important;
		overflow: hidden;
		color: var(--mma-gray-700);
		font-weight: 500;
		padding-inline-start: 0 !important;
	}

	.mma-cart-totals-table tr.mma-cart-summary-line-item .mma-cart-summary-line-head {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		min-width: 0;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		text-align: left;
	}

	.mma-cart-totals-table tr.mma-cart-summary-line-item .mma-cart-summary-line-qty-prefix {
		flex: 0 0 auto;
	}

	.mma-cart-totals-table tr.mma-cart-summary-line-item .mma-cart-summary-line-name {
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.mma-cart-totals-table tr.mma-cart-summary-line-item td {
		grid-column: 2;
		width: auto !important;
		min-width: 5.1rem !important;
		max-width: none !important;
		justify-self: end;
		align-self: center;
		text-align: right;
		white-space: nowrap;
		overflow: visible;
		text-overflow: clip;
		font-weight: 600;
	}

	/*
	 * PUNKT 2 (28.04.2026): cofnięte ukrycie szczegółowych wierszy podsumowania
	 * na mobile. Pozycje koszyka, rabaty z kuponów, opłaty i podatki muszą być
	 * widoczne identycznie jak na desktopie.
	 *
	 * Style line-itemów już są w bloku ~1730–1808 (grid 2-kol, font 0.78rem,
	 * border-bottom). Poniżej skopiowany ten sam grid 2-kolumnowy dla
	 * cart-discount / fee / tax-rate / tax-total — bo to też proste pary
	 * label + amount.
	 *
	 * Wiersze shipping (tr.shipping, tr.woocommerce-shipping-totals) mają
	 * w środku radio-list metod wysyłki + kalkulator adresu — grid 2-kol
	 * by je zepsuł. Renderują się domyślną Woo smallscreen + naszą
	 * regułą .mma-cart-totals-table.shop_table_responsive tr td::before
	 * (~1556–1562). Na obecnej konfiguracji MMA produkty są cyfrowe i te
	 * wiersze zwykle nie renderują się wcale.
	 */
	.mma-cart-totals-table tr.cart-discount,
	.mma-cart-totals-table tr.fee,
	.mma-cart-totals-table tr.tax-rate,
	.mma-cart-totals-table tr.tax-total {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(5.1rem, max-content);
		column-gap: 0.5rem;
		align-items: center;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0.35rem 0 !important;
		border-bottom: 1px solid var(--mma-gray-100);
	}

	.mma-cart-totals-table tr.cart-discount th,
	.mma-cart-totals-table tr.cart-discount td,
	.mma-cart-totals-table tr.fee th,
	.mma-cart-totals-table tr.fee td,
	.mma-cart-totals-table tr.tax-rate th,
	.mma-cart-totals-table tr.tax-rate td,
	.mma-cart-totals-table tr.tax-total th,
	.mma-cart-totals-table tr.tax-total td {
		display: block !important;
		padding: 0 !important;
		border: none !important;
		font-size: 0.78rem !important;
		box-sizing: border-box;
	}

	.mma-cart-totals-table.shop_table_responsive tr.cart-discount th::before,
	.mma-cart-totals-table.shop_table_responsive tr.cart-discount td::before,
	.mma-cart-totals-table.shop_table_responsive tr.fee th::before,
	.mma-cart-totals-table.shop_table_responsive tr.fee td::before,
	.mma-cart-totals-table.shop_table_responsive tr.tax-rate th::before,
	.mma-cart-totals-table.shop_table_responsive tr.tax-rate td::before,
	.mma-cart-totals-table.shop_table_responsive tr.tax-total th::before,
	.mma-cart-totals-table.shop_table_responsive tr.tax-total td::before {
		display: none !important;
		content: none !important;
	}

	.mma-cart-totals-table tr.cart-discount th,
	.mma-cart-totals-table tr.fee th,
	.mma-cart-totals-table tr.tax-rate th,
	.mma-cart-totals-table tr.tax-total th {
		grid-column: 1;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
		text-align: left !important;
		overflow: hidden;
		color: var(--mma-gray-700);
		font-weight: 500;
		padding-inline-start: 0 !important;
	}

	.mma-cart-totals-table tr.cart-discount td,
	.mma-cart-totals-table tr.fee td,
	.mma-cart-totals-table tr.tax-rate td,
	.mma-cart-totals-table tr.tax-total td {
		grid-column: 2;
		width: auto !important;
		min-width: 5.1rem !important;
		max-width: none !important;
		justify-self: end;
		align-self: center;
		text-align: right;
		white-space: nowrap;
		overflow: visible;
		text-overflow: clip;
		font-weight: 600;
	}

	.wc-proceed-to-checkout .checkout-button {
		min-height: 2.85rem !important;
		padding: 0.65rem 1rem !important;
		font-size: 0.9rem !important;
	}

	.mma-cart-loyalty-redeem__btn {
		min-height: 2.85rem !important;
		padding: 0.65rem 1rem !important;
		font-size: 0.9rem !important;
	}

	.mma-cart-continue-shopping a {
		font-size: 0.9rem;
	}

	.mma-cart-cross-sells-wrap {
		margin-top: var(--mma-spacing-xl);
	}

	/*
	 * Wiersz „Łącznie” (mobile): Woo smallscreen dodaje td::before[data-title] + float — psuje układ i skalę.
	 * Celowany blok, wyższa specyficzność niż .mma-cart-totals-table tr td oraz arkusze Woo.
	 */
	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 0.5rem;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		padding: 0.5rem 0 0.75rem !important;
		margin: 0 !important;
		border: none !important;
		border-top: none !important;
		border-bottom: none !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > th,
	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > td {
		display: flex !important;
		align-items: center !important;
		align-self: center !important;
		box-sizing: border-box;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		background: transparent !important;
		box-shadow: none !important;
		float: none !important;
		font-family: var(--mma-font-primary) !important;
		font-weight: 700 !important;
		font-size: 1.62rem !important;
		line-height: 1.22 !important;
		letter-spacing: normal !important;
		text-transform: none !important;
		transform: none !important;
		vertical-align: middle !important;
	}

	/* Jak etykiety innych wierszy totals na desktopie (.mma-cart-totals-table tr th → gray-500) */
	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > th {
		flex: 1 1 auto !important;
		justify-content: flex-start !important;
		text-align: left !important;
		min-width: 0 !important;
		color: var(--mma-gray-500) !important;
	}

	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > td {
		flex: 0 0 auto !important;
		justify-content: flex-end !important;
		text-align: right !important;
		white-space: nowrap !important;
		color: var(--mma-black) !important;
	}

	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > td::before,
	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > th::before {
		display: none !important;
		content: none !important;
		float: none !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > td .woocommerce-Price-amount,
	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > td strong,
	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > td b,
	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > td span,
	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > td small,
	body.woocommerce-cart .mma-cart-totals-panel.cart_totals table.mma-cart-totals-table.shop_table_responsive tr.order-total > td * {
		font-family: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
		color: inherit !important;
		vertical-align: baseline !important;
		transform: none !important;
	}
}

/* ════════════════════════════════════════════════════════════════════
   MMA Loyalty — etap 5a-1 (symulator punktów w podsumowaniu koszyka)
   ════════════════════════════════════════════════════════════════════ */

.mma-cart-loyalty-simulator {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 10px;
    padding: 14px 16px;
    margin: 0 0 16px 0;
    text-align: center;
}

.mma-cart-loyalty-simulator__main {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #16a34a;
    margin: 0 0 4px 0;
    line-height: 1.3;
    letter-spacing: 0.01em;
}

.mma-cart-loyalty-simulator__hint {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
    line-height: 1.3;
}

/* ════════════════════════════════════════════════════════════════════
   MMA Loyalty — etap 5a-2 (moduł wydawania punktów w koszyku)
   ════════════════════════════════════════════════════════════════════ */

.mma-cart-loyalty-redeem {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    padding: 16px 16px 14px;
    margin: 0 0 16px 0;
}

.mma-cart-loyalty-redeem__title {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #1a1a2e;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 8px 0;
    line-height: 1.2;
}

.mma-cart-loyalty-redeem__balance {
    font-size: 13px;
    color: #374151;
    margin: 0 0 14px 0;
    line-height: 1.4;
}

.mma-cart-loyalty-redeem__balance strong {
    color: #16a34a;
    font-weight: 700;
}

.mma-cart-loyalty-redeem__label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0 0 8px 0;
}

.mma-cart-loyalty-redeem__slider {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    background: #fef3c7;
    border-radius: 3px;
    outline: none;
    margin: 0 0 10px 0;
    cursor: pointer;
}

.mma-cart-loyalty-redeem__slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #fec009;
    border: 2px solid #1a1a2e;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    margin-top: -7px;
}

.mma-cart-loyalty-redeem__slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #fec009;
    border: 2px solid #1a1a2e;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.mma-cart-loyalty-redeem__slider::-webkit-slider-runnable-track {
    background: #fef3c7;
    height: 6px;
    border-radius: 3px;
}

.mma-cart-loyalty-redeem__slider::-moz-range-track {
    background: #fef3c7;
    height: 6px;
    border-radius: 3px;
}

.mma-cart-loyalty-redeem__preview {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 12px 0;
    text-align: center;
    line-height: 1.2;
}

.mma-cart-loyalty-redeem__preview-eq {
    color: #6b7280;
    margin: 0 6px;
    font-weight: 400;
}

.mma-cart-loyalty-redeem__preview-amount {
    color: #16a34a;
}

/* Zastosuj — ten sam wizualny język co .wc-proceed-to-checkout .checkout-button (+ margin modułu) */
.mma-cart-loyalty-redeem__btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	margin: 0 0 10px 0 !important;
	text-align: center !important;
	box-sizing: border-box !important;
	min-height: 3.25rem !important;
	line-height: 1.2 !important;
	padding: 0.85rem 1.25rem !important;
	font-family: var(--mma-font-primary) !important;
	font-weight: 700 !important;
	font-size: 1rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	white-space: normal !important;
	background: var(--mma-gold) !important;
	color: var(--mma-black) !important;
	border: none !important;
	border-radius: var(--mma-radius-md) !important;
	box-shadow: var(--mma-shadow-sm);
	transition: background 0.2s ease, transform 0.15s ease;
	cursor: pointer;
}

.mma-cart-loyalty-redeem__btn:hover:not([disabled]) {
	background: var(--mma-gold-dark) !important;
	color: var(--mma-black) !important;
	transform: translateY(-1px);
}

.mma-cart-loyalty-redeem__btn[disabled] {
	opacity: 0.55;
	cursor: not-allowed;
	background: #e5e7eb !important;
	color: #6b7280 !important;
	border: 1px solid #d1d5db !important;
}

.mma-cart-loyalty-redeem__info {
    font-size: 11px;
    color: #6b7280;
    margin: 0;
    line-height: 1.3;
    text-align: center;
}

/* ════════════════════════════════════════════════════════════════════
   MMA Loyalty — etap 5a-3 (stan C: rabat aktywny)
   ════════════════════════════════════════════════════════════════════ */

.mma-cart-loyalty-applied {
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 10px;
    padding: 14px 16px;
    margin: 0 0 16px 0;
}

.mma-cart-loyalty-applied__title {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #1a1a2e;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 8px 0;
    line-height: 1.2;
}

.mma-cart-loyalty-applied__info {
    font-size: 14px;
    color: #14532d;
    margin: 0 0 10px 0;
    line-height: 1.4;
    text-align: center;
}

.mma-cart-loyalty-applied__info strong {
    color: #16a34a;
    font-weight: 700;
}

.mma-cart-loyalty-applied__remove {
    display: block;
    margin: 0 auto;
    background: none;
    border: none;
    color: #6b7280;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
    padding: 4px 8px;
}

.mma-cart-loyalty-applied__remove:hover {
    color: #1a1a2e;
}

/* ══════════════════════════════════════════════════
   BREADCRUMBY WEWNĄTRZ HERO — wspólne style
   Dotyczy: /o-nas/, /szkolenia-zamkniete/, /wspolpraca/, /szkolenie/*
   ══════════════════════════════════════════════════ */

/* fix4 (2026-04-27, FIX1) — /o-nas/ (page-id 7163): KASUJEMY sr-only clip nałożony wcześniej
 * na CAŁY `.mma-onas-page-header`. Powodował on, że breadcrumby + H1 były wycięte do 1×1px,
 * przez co hero startował tuż pod absolute `.navbar` (top:0) i nakładał się na menu.
 * Po zdjęciu clipu blok dziedziczy `padding-top: 220px` ze `.szkolenia-content` (webflow.css L1204),
 * co odsuwa breadcrumby od menu. Sam H1 „O nas" + jego żółtą kreskę chowamy niżej (FIX2).
 * /szkolenia-zamkniete/ (page-id 8554) — ukrywamy tylko **H1** + kreskę w `.mma-wsp-page-header` (v1.9.9),
 * tak jak 7211/7163: okruszki + `padding-top: 220px` z `.szkolenia-content` zostają w flow. Legacy:
 * pełne sr-only na **`.mma-onas-page-header`** (8554) gdy gdzieś jeszcze wystąpi.
 * /wspolpraca/ (page-id 8528, LIVE) — to samo co 8554: tylko H1 + `::after`; okruszki `mma-cart-bc-nav` zostają.
 */
body.page-id-8554 .mma-onas-page-header {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* v1.9.9 (2026-04-29) — 8554 + nagłówek jak Współpraca: widoczne okruszki; w DOM ukryty tylko H1 + kreska. */
body.page-id-8554 .mma-wsp-page-header h1.mma-cart-page-title,
body.page-id-8554 .mma-wsp-page-header h1.mma-cart-page-title::after {
	display: none !important;
}

/* v1.9.10 (2026-04-28) — /wspolpraca/ (8528): regresja po `mma-cart-bc-nav` na okruszkach — z powrotem widać
 * page-title H1 + żółtą kreskę; chowamy je jak 7211/8554, breadcrumb zostaje. */
body.page-id-8528 .mma-wsp-page-header h1.mma-cart-page-title,
body.page-id-8528 .mma-wsp-page-header h1.mma-cart-page-title::after {
	display: none !important;
}

/* fix4 (2026-04-27, FIX2) — /o-nas/ (7163) i /szkolenia/ (7211): chowamy H1 page-title +
 * jego żółtą kreskę (::after L285), zachowując breadcrumby i `padding-top: 220px` od menu.
 * H1 zostaje w DOM (SEO), tylko display:none — brak wysokości, hero startuje pod okruszkami. */
body.page-id-7163 .mma-onas-page-header h1.mma-cart-page-title,
body.page-id-7163 .mma-onas-page-header h1.mma-cart-page-title::after,
body.page-id-7211 .mma-onas-page-header h1.mma-cart-page-title,
body.page-id-7211 .mma-onas-page-header h1.mma-cart-page-title::after {
	display: none !important;
}

/* Wrapper breadcrumba wewnątrz hero */
.mma-hero-bc-outer {
	width: 100%;
	max-width: var(--mma-container-max, 1210px);
	margin: 0 auto;
	padding: 12px 20px 0;
	box-sizing: border-box;
}

/* Breadcrumb na jasnym tle hero (o-nas, szkolenia-zamkniete) */
.mma-onas-hero .mma-hero-bc-outer .mma-cart-bc-nav.woocommerce-breadcrumb {
	color: var(--mma-muted, #6b7280) !important;
}
.mma-onas-hero .mma-hero-bc-outer .mma-cart-bc-nav a,
.szkz-hero .mma-hero-bc-outer .mma-cart-bc-nav a {
	color: var(--mma-muted, #6b7280) !important;
	text-decoration: none;
}
.mma-onas-hero .mma-hero-bc-outer .mma-cart-bc-nav a:hover,
.szkz-hero .mma-hero-bc-outer .mma-cart-bc-nav a:hover {
	color: var(--mma-navy, #1a1a2e) !important;
	text-decoration: underline;
}
.mma-onas-hero .mma-hero-bc-outer .breadcrumb-current,
.szkz-hero .mma-hero-bc-outer .breadcrumb-current {
	color: var(--mma-navy, #1a1a2e) !important;
	font-weight: 600;
}

/* v0.9.6 (2026-04-28, FIX3) — Breadcrumby /szkolenie/{slug}/ przeniesione w PHP do osobnego
   bloku `.szkolenia-content.mma-onas-page-header > .container.w-container > .mma-cart-bc-outer`
   NAD hero. Zostawiamy tylko reset, gdyby legacy markup gdzieś jeszcze został. */
.mma-szk-hero .mma-hero-bc-outer {
	position: static;
	top: auto;
	left: auto;
	right: auto;
	padding: 0;
}

@media (max-width: 768px) {
	.mma-hero-bc-outer {
		padding: 10px 16px 0;
	}
}

/* ══════════════════════════════════════════════════════════════
   KOSZYK — RESET DZIEDZICZENIA Z .sr-content
   Cel: nagłówek koszyka (.mma-cart-bc-outer + h1) jest WEWNĄTRZ
   .sr-content która ma globalnie font-size:24px line-height:34px
   font-weight:300 (custom.css:415). To powoduje że breadcrumb na
   koszyku jest wyższy i cieńszy niż na regulaminie (gdzie nagłówek
   jest PRZED .sr-content). Resetujemy do bazy body.
   ══════════════════════════════════════════════════════════════ */

body.woocommerce-cart .sr-content > .woocommerce > .mma-cart-page > .mma-container > .mma-cart-bc-outer,
body.woocommerce-cart .sr-content > .woocommerce > .mma-cart-page > .mma-container > .mma-cart-bc-outer * {
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

body.woocommerce-cart .sr-content > .woocommerce > .mma-cart-page > .mma-container > .mma-cart-bc-outer .breadcrumb-current {
    font-weight: 600 !important;
}

body.woocommerce-cart .sr-content > .woocommerce > .mma-cart-page > .mma-container > h1.mma-cart-page-title {
    font-size: var(--mma-h1-size, clamp(32px, 4vw, 48px)) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
}

body.woocommerce-cart .sr-content > .woocommerce > .mma-cart-page > .mma-container > .mma-cart-bc-outer .mma-bc-sep {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

/* ===========================================================================
 * v1.9.6 (2026-04-28) — Cart subtle loading state (no fullscreen overlay).
 * Zastępuje v1.9.5 overlay (visibility: hidden + biały ::before) który powodował
 * 5–15s biały ekran na cold cache. Teraz: spinner na samym przycisku confirm
 * "Opróżnij koszyk" + przyciemnienie usuwanego wiersza. Cart UI cały czas
 * widoczny, brak page reload (DOM swap przez AJAX, see mma-cart-empty-reload.js v1.0.2).
 * =========================================================================== */

/* Confirm button "Opróżnij koszyk" w modalu — spinner BEZ zmiany tekstu */
.mma-logout-modal-btn--confirm.loading {
    pointer-events: none;
    position: relative;
    color: transparent !important;
}
.mma-logout-modal-btn--confirm.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: mma-cart-empty-spin 0.7s linear infinite;
}

/* Wiersz koszyka podczas usuwania — semi-transparent + mini spinner przy × */
.mma-cart-table tr.mma-cart-row-removing,
.woocommerce-cart-form__cart-item.mma-cart-row-removing {
    opacity: 0.45;
    pointer-events: none;
    transition: opacity 0.15s linear;
}
.mma-cart-table tr.mma-cart-row-removing td.product-remove,
.woocommerce-cart-form__cart-item.mma-cart-row-removing td.product-remove {
    position: relative;
}
.mma-cart-table tr.mma-cart-row-removing td.product-remove::after,
.woocommerce-cart-form__cart-item.mma-cart-row-removing td.product-remove::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border: 2px solid #1a1a1a;
    border-top-color: transparent;
    border-radius: 50%;
    animation: mma-cart-empty-spin 0.7s linear infinite;
}

@keyframes mma-cart-empty-spin {
    to { transform: rotate(360deg); }
}

/* ===========================================================================
 * v1.9.7 (2026-04-28) — Subtle reload state (Option B).
 * Zastępuje no-reload DOM swap z v1.9.6/v1.0.3 który miał fragile admin-ajax.php
 * context (breadcrumb okrojony do "Strona główna" bez "Koszyk", TOTAL_BYTES 967
 * zamiast ~1300+, badge sync nie odpalał, sessionStorage corrupted przez literówkę
 * `wc_fragments_refreshed` zamiast `wc_fragment_refresh`). Teraz cart-empty po
 * remove-last/empty zawsze idzie przez pełen window.location.reload() — server
 * renderuje `/koszyk/` z normalnego `wp` action chain (full breadcrumb, hooki
 * cross_sells, loyalty, fragmenty, sesja). Visual transition: subtle opacity
 * 0.85 + cursor wait + pointer-events none. Brak białego ekranu, brak fragmentu
 * "starego widoku".
 * =========================================================================== */
body.mma-cart-reloading {
    cursor: wait;
}
body.mma-cart-reloading .mma-cart-page,
body.mma-cart-reloading .mma-cart-page--empty {
    opacity: 0.85;
    pointer-events: none;
    transition: opacity 0.15s linear;
}