/* ETA Innovations — boczny koszyk (ThemeREX panel + WC mini-cart) */

:root {
	--eta-cart-navy: #001f3f;
	--eta-cart-muted: #5e6a82;
	--eta-cart-border: rgba(0, 31, 63, 0.1);
	--eta-cart-soft: #f2f8fb;
	--eta-cart-radius: 8px;
	--eta-cart-shadow: 0 1px 3px rgba(0, 31, 63, 0.06);
}

/* Panel */
.sc_layouts_cart_panel.sc_layouts_panel {
	--sc_layouts-cart-panel-padding: 20px;
}

.sc_layouts_cart_panel .sc_layouts_panel_inner {
	background: #fff;
	border-left: 1px solid var(--eta-cart-border);
	box-shadow: -12px 0 40px rgba(0, 31, 63, 0.08);
}

.sc_layouts_cart_panel .sc_layouts_cart_panel_header {
	background: #fff !important;
	border-bottom: 1px solid var(--eta-cart-border) !important;
	padding: 16px 20px !important;
}

.sc_layouts_cart_panel .sc_layouts_cart_panel_title_text {
	color: var(--eta-cart-navy);
	font-size: 1.125rem !important;
	font-weight: 600;
	letter-spacing: -0.02em;
}

.sc_layouts_cart_panel .sc_layouts_cart_items_short {
	background: var(--eta-cart-navy) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 600;
	min-width: 20px !important;
	min-height: 20px !important;
	line-height: 20px !important;
	border-radius: 999px !important;
}

/* Panel close + inline remove: eta-dismiss-controls.css (global) */

.sc_layouts_cart_panel .sc_layouts_cart_panel_widget {
	padding-top: 64px;
}

.sc_layouts_cart_panel .widget_shopping_cart .widget_shopping_cart_content {
	display: flex;
	flex-direction: column;
	max-height: calc(100dvh - 120px);
	margin-right: 0;
	padding-right: 4px;
}

/* Lista produktów */
.sc_layouts_cart_panel ul.woocommerce-mini-cart,
.sc_layouts_cart_panel .elementor-menu-cart__products {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 0 0 8px !important;
	margin: 0 !important;
	list-style: none !important;
}

/* ── Wspólny kafelek produktu (kompaktowy wiersz: media | tytuł + cena | usuń) ── */
.sc_layouts_cart_panel .woocommerce-mini-cart-item {
	padding: 10px 12px !important;
	margin: 0 !important;
	border: 1px solid var(--eta-cart-border) !important;
	border-radius: var(--eta-cart-radius) !important;
	background: #fff !important;
	box-shadow: var(--eta-cart-shadow) !important;
	list-style: none !important;
	min-height: 0 !important;
	height: auto !important;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item:hover {
	background: var(--eta-cart-soft) !important;
}

/* ── Domyślny WC: li > a.remove + a.product + span.quantity ── */
.sc_layouts_cart_panel .woocommerce-mini-cart-item:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)) {
	display: grid !important;
	grid-template-columns: 56px minmax(0, 1fr) 28px !important;
	grid-template-rows: auto auto !important;
	grid-template-areas:
		"thumb title remove"
		"thumb price remove" !important;
	column-gap: 10px !important;
	row-gap: 2px !important;
	align-items: start !important;
	color: var(--eta-cart-navy) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)) > a.remove {
	grid-area: remove !important;
	position: relative !important;
	justify-self: end !important;
	align-self: start !important;
	z-index: 2 !important;
	isolation: isolate !important;
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)) > a:not(.remove) {
	display: contents !important;
	color: inherit !important;
	font: inherit !important;
	text-decoration: none !important;
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)) > a:not(.remove) img {
	grid-area: thumb !important;
	align-self: center !important;
	width: 56px !important;
	height: 56px !important;
	max-width: 56px !important;
	margin: 0 !important;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid var(--eta-cart-border);
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)) > .quantity {
	grid-area: price !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--eta-cart-muted) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	font-variant-numeric: tabular-nums;
}

/* ── ThemeREX: remove owija cały kafelek (a.remove > svg + inner) ── */
.sc_layouts_cart_panel .woocommerce-mini-cart-item:has(> a.remove .trx_addons_sc_layouts_cart_mini_cart_item_inner) {
	display: block !important;
	padding: 14px !important;
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner) {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	flex: unset !important;
	order: unset !important;
	margin: 0 !important;
	padding: 0 36px 0 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: inherit !important;
	text-decoration: none !important;
	font-size: inherit !important;
	line-height: inherit !important;
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner) > svg {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	left: auto !important;
	z-index: 2 !important;
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	padding: 5px !important;
	box-sizing: content-box !important;
	border-radius: var(--eta-dismiss-inline-radius, 6px) !important;
	pointer-events: auto !important;
}

/* ── ThemeREX inner (gdy remove owija content) ── */
.sc_layouts_cart_panel .trx_addons_sc_layouts_cart_mini_cart_item_inner {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 10px !important;
	order: 1 !important;
	min-width: 0 !important;
}

.sc_layouts_cart_panel .trx_addons_sc_layouts_cart_mini_cart_item_link_image,
.sc_layouts_cart_panel .trx_addons_sc_layouts_cart_mini_cart_item_image {
	flex: 0 0 56px !important;
	width: 56px !important;
	min-width: 56px !important;
	margin: 0 !important;
}

.sc_layouts_cart_panel .trx_addons_sc_layouts_cart_mini_cart_item_inner img {
	display: block !important;
	width: 56px !important;
	height: 56px !important;
	max-width: 56px !important;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid var(--eta-cart-border);
	margin: 0 !important;
	float: none !important;
}

.sc_layouts_cart_panel .trx_addons_sc_layouts_cart_mini_cart_item_content {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 2px !important;
	min-width: 0 !important;
	margin: 0 !important;
}

.sc_layouts_cart_panel .trx_addons_sc_layouts_cart_mini_cart_item_name,
.sc_layouts_cart_panel .trx_addons_sc_layouts_cart_mini_cart_item_content a {
	display: block !important;
	color: var(--eta-cart-navy) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	text-decoration: none;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

.sc_layouts_cart_panel .trx_addons_sc_layouts_cart_mini_cart_item_content a:hover {
	color: #2f80ed !important;
}

.sc_layouts_cart_panel .trx_addons_sc_layouts_cart_mini_cart_item_content .quantity,
.sc_layouts_cart_panel .woocommerce-mini-cart-item .quantity {
	display: block !important;
	margin: 0 !important;
	color: var(--eta-cart-muted) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
}

/* ── Elementor mini-cart (gdy aktywny szablon Elementor) ── */
.sc_layouts_cart_panel .elementor-menu-cart__product {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 56px minmax(0, 1fr) 28px !important;
	grid-template-rows: auto auto !important;
	grid-template-areas:
		"thumb title remove"
		"thumb price remove" !important;
	gap: 2px 10px !important;
	align-items: start !important;
	padding: 10px 12px !important;
	margin: 0 !important;
	border: 1px solid var(--eta-cart-border) !important;
	border-radius: var(--eta-cart-radius) !important;
	background: #fff !important;
	box-shadow: var(--eta-cart-shadow) !important;
}

.sc_layouts_cart_panel .elementor-menu-cart__product-image,
.sc_layouts_cart_panel .elementor-menu-cart__product .product-thumbnail {
	grid-area: thumb !important;
	width: 56px !important;
	min-width: 56px !important;
	margin: 0 !important;
	align-self: center !important;
}

.sc_layouts_cart_panel .elementor-menu-cart__product-image img {
	display: block;
	width: 56px !important;
	height: 56px !important;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid var(--eta-cart-border);
}

.sc_layouts_cart_panel .elementor-menu-cart__product-name {
	grid-area: title !important;
	margin: 0 !important;
	min-width: 0;
}

.sc_layouts_cart_panel .elementor-menu-cart__product-name a {
	display: block;
	color: var(--eta-cart-navy) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	text-decoration: none;
	word-break: normal !important;
}

.sc_layouts_cart_panel .elementor-menu-cart__product-price {
	grid-area: price !important;
	margin: 0 !important;
	color: var(--eta-cart-muted) !important;
	font-size: 13px !important;
}

.sc_layouts_cart_panel .elementor-menu-cart__product-remove {
	grid-area: remove !important;
	position: static !important;
	justify-self: end;
	align-self: start;
	width: 28px !important;
	height: 28px !important;
}

.sc_layouts_cart_panel .variation,
.sc_layouts_cart_panel dl.variation {
	display: none !important;
}

/* Suma */
.sc_layouts_cart_panel .elementor-menu-cart__subtotal,
.sc_layouts_cart_panel .woocommerce-mini-cart__total {
	position: static !important;
	flex-shrink: 0;
	width: 100% !important;
	margin: 12px 0 10px !important;
	padding: 14px 0 0 !important;
	border-top: 1px solid var(--eta-cart-border) !important;
	text-align: right;
	color: var(--eta-cart-navy);
	font-size: 15px;
}

.sc_layouts_cart_panel .elementor-menu-cart__subtotal strong,
.sc_layouts_cart_panel .woocommerce-mini-cart__total strong {
	font-weight: 600;
	color: var(--eta-cart-muted);
}

.sc_layouts_cart_panel .elementor-menu-cart__subtotal .amount,
.sc_layouts_cart_panel .woocommerce-mini-cart__total .amount {
	font-weight: 700;
	color: var(--eta-cart-navy);
}

/* Przyciski obok siebie — nadpisanie TRX buttons-block */
.sc_layouts_cart_panel .elementor-menu-cart__footer-buttons,
.sc_layouts_cart_panel .woocommerce-mini-cart__buttons,
.sc_layouts_cart_panel p.woocommerce-mini-cart__buttons {
	position: static !important;
	flex-shrink: 0;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	justify-content: space-between !important;
	gap: 10px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.sc_layouts_cart_panel.sc_layouts_cart_buttons-block .woocommerce-mini-cart__buttons,
.sc_layouts_cart_panel.sc_layouts_cart_buttons-block p.woocommerce-mini-cart__buttons {
	flex-wrap: nowrap !important;
}

.sc_layouts_cart_panel .elementor-menu-cart__footer-buttons .elementor-button,
.sc_layouts_cart_panel .woocommerce-mini-cart__buttons .button,
.sc_layouts_cart_panel.sc_layouts_cart_buttons-block .woocommerce-mini-cart__buttons .button {
	flex: 1 1 calc(50% - 5px) !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 44px;
	margin: 0 !important;
	padding: 10px 12px !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-align: center;
	text-transform: none !important;
	letter-spacing: 0;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}

.sc_layouts_cart_panel .elementor-button--view-cart,
.sc_layouts_cart_panel .woocommerce-mini-cart__buttons .button:not(.checkout) {
	background: var(--eta-cart-soft) !important;
	border: 1px solid var(--eta-cart-border) !important;
	color: var(--eta-cart-navy) !important;
}

.sc_layouts_cart_panel .elementor-button--checkout,
.sc_layouts_cart_panel .woocommerce-mini-cart__buttons .checkout {
	background: var(--eta-cart-navy) !important;
	border: 1px solid var(--eta-cart-navy) !important;
	color: #fff !important;
}

.sc_layouts_cart_panel .elementor-button--checkout:hover,
.sc_layouts_cart_panel .woocommerce-mini-cart__buttons .checkout:hover {
	background: #0b2c52 !important;
	border-color: #0b2c52 !important;
	color: #fff !important;
}

.sc_layouts_cart_panel .woocommerce-mini-cart__empty-message {
	padding: 24px 0;
	color: var(--eta-cart-muted);
	font-size: 15px;
	line-height: 1.5;
	text-align: center;
}

@media (max-width: 767px) {
	.sc_layouts_cart_panel.sc_layouts_panel {
		width: min(100%, 400px) !important;
	}

	.sc_layouts_cart_panel .elementor-menu-cart__footer-buttons .elementor-button,
	.sc_layouts_cart_panel .woocommerce-mini-cart__buttons .button {
		font-size: 12px !important;
		padding: 10px 8px !important;
	}
}
