/* ─────────────────────────────────────────────────────────────────────────
   ETA Innovations — Dismiss / close / remove (X) controls
   Kanon: .sc_layouts_panel_close.trx_addons_button_close (31px, okrąg)
   Reguła: ikona X → czerwona na :hover (wszystkie warianty)
   Layout pozycji: pliki sekcji; kolory/kształt: ten plik (global)
   ───────────────────────────────────────────────────────────────────────── */

:root {
	--eta-dismiss-navy: #001f3f;
	--eta-dismiss-muted: #5e6a82;
	--eta-dismiss-border: rgba(0, 31, 63, 0.1);
	--eta-dismiss-soft-bg: #f2f8fb;
	--eta-dismiss-hover-icon: #c0392b;
	--eta-dismiss-hover-bg: rgba(192, 57, 43, 0.08);
	--eta-dismiss-panel-size: 31px;
	--eta-dismiss-panel-icon: 12px;
	--eta-dismiss-inline-size: 28px;
	--eta-dismiss-inline-icon: 16px;
	--eta-dismiss-inline-radius: 6px;
	--eta-dismiss-transition:
		background 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.15s ease,
		border-color 0.2s ease;
}

/* ── Wariant panel: zamknięcie modala / panelu bocznego ─────────────────── */

.sc_layouts_panel_close.trx_addons_button_close,
.trx_addons_button_close.replaced-icon,
.elementor-popup-modal .dialog-close-button,
.elementor-popup-modal .dialog-lightbox-close-button,
body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-mobile-menu-close {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: #fff !important;
	border: 1px solid var(--eta-dismiss-border) !important;
	box-shadow: 0 1px 4px rgba(0, 31, 63, 0.1) !important;
	color: var(--eta-dismiss-navy) !important;
	opacity: 1 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: var(--eta-dismiss-transition);
	-webkit-tap-highlight-color: transparent;
}

.sc_layouts_panel_close.trx_addons_button_close,
.trx_addons_button_close.replaced-icon,
.elementor-popup-modal .dialog-close-button,
.elementor-popup-modal .dialog-lightbox-close-button {
	width: var(--eta-dismiss-panel-size) !important;
	height: var(--eta-dismiss-panel-size) !important;
	min-width: var(--eta-dismiss-panel-size) !important;
	min-height: var(--eta-dismiss-panel-size) !important;
}

/* Mobile menu: większy hitbox (touch), ten sam język wizualny */
body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-mobile-menu-close {
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
}

.sc_layouts_panel_close.trx_addons_button_close:hover,
.trx_addons_button_close.replaced-icon:hover,
.elementor-popup-modal .dialog-close-button:hover,
.elementor-popup-modal .dialog-lightbox-close-button:hover,
body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-mobile-menu-close:hover,
.sc_layouts_panel_close.trx_addons_button_close:focus-visible,
.trx_addons_button_close.replaced-icon:focus-visible,
.elementor-popup-modal .dialog-close-button:focus-visible,
.elementor-popup-modal .dialog-lightbox-close-button:focus-visible,
body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-mobile-menu-close:focus-visible {
	color: var(--eta-dismiss-hover-icon) !important;
	background: var(--eta-dismiss-soft-bg) !important;
	box-shadow: 0 2px 8px rgba(0, 31, 63, 0.12) !important;
	transform: scale(0.98);
	outline: 2px solid rgba(192, 57, 43, 0.35);
	outline-offset: 2px;
}

.sc_layouts_panel_close.trx_addons_button_close:active,
.trx_addons_button_close.replaced-icon:active,
.elementor-popup-modal .dialog-close-button:active,
.elementor-popup-modal .dialog-lightbox-close-button:active,
body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-mobile-menu-close:active {
	transform: scale(0.96);
}

/* Ikony panel-close */
.sc_layouts_panel_close.trx_addons_button_close .sc_layouts_panel_close_icon,
.trx_addons_button_close.replaced-icon .sc_layouts_panel_close_icon,
.trx_addons_button_close.replaced-icon svg,
.sc_layouts_panel_close.trx_addons_button_close svg,
.elementor-popup-modal .dialog-close-button svg,
.elementor-popup-modal .dialog-lightbox-close-button svg {
	display: block !important;
	width: var(--eta-dismiss-panel-icon) !important;
	height: var(--eta-dismiss-panel-icon) !important;
	fill: currentColor !important;
	color: inherit;
}

.trx_addons_button_close .trx_addons_button_close_icon::before,
.trx_addons_button_close .trx_addons_button_close_icon::after {
	border-color: currentColor !important;
}

.elementor-popup-modal .dialog-close-button svg,
.elementor-popup-modal .dialog-lightbox-close-button svg {
	width: 11px !important;
	height: 11px !important;
}

/* ── Wariant inline: usuń z listy (koszyk, zamówienie) — kanoniczne X, nie kosz ─ */

.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)),
a.remove.remove_from_cart_button:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)),
.woocommerce a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)),
.woocommerce-cart-form .product-remove a.remove,
.woocommerce table.shop_table a.remove,
.elementor-menu-cart__product-remove a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	position: relative !important;
	width: var(--eta-dismiss-inline-size) !important;
	height: var(--eta-dismiss-inline-size) !important;
	min-width: var(--eta-dismiss-inline-size) !important;
	min-height: var(--eta-dismiss-inline-size) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: var(--eta-dismiss-inline-radius) !important;
	background: var(--eta-dismiss-soft-bg) !important;
	color: var(--eta-dismiss-muted) !important;
	text-indent: -9999px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: var(--eta-dismiss-transition);
	-webkit-tap-highlight-color: transparent;
}

/* ThemeREX/WC wstrzykuje SVG kosza — ukryj, X rysujemy w CSS */
.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)) > svg,
a.remove.remove_from_cart_button:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)) > svg,
.woocommerce a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)) > svg,
.elementor-menu-cart__product-remove a > svg {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::before,
.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::after,
a.remove.remove_from_cart_button:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::before,
a.remove.remove_from_cart_button:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::after,
.woocommerce a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::before,
.woocommerce a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::after,
.woocommerce-cart-form .product-remove a.remove::before,
.woocommerce-cart-form .product-remove a.remove::after,
.woocommerce table.shop_table a.remove::before,
.woocommerce table.shop_table a.remove::after,
.elementor-menu-cart__product-remove a::before,
.elementor-menu-cart__product-remove a::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 1.5px;
	border-radius: 1px;
	background: currentColor;
	pointer-events: none;
	z-index: 1;
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::before,
a.remove.remove_from_cart_button:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::before,
.woocommerce a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::before,
.woocommerce-cart-form .product-remove a.remove::before,
.woocommerce table.shop_table a.remove::before,
.elementor-menu-cart__product-remove a::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::after,
a.remove.remove_from_cart_button:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::after,
.woocommerce a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner))::after,
.woocommerce-cart-form .product-remove a.remove::after,
.woocommerce table.shop_table a.remove::after,
.elementor-menu-cart__product-remove a::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)):hover,
a.remove.remove_from_cart_button:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)):hover,
.woocommerce a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)):hover,
.woocommerce-cart-form .product-remove a.remove:hover,
.woocommerce table.shop_table a.remove:hover,
.elementor-menu-cart__product-remove a:hover,
.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)):focus-visible,
a.remove.remove_from_cart_button:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)):focus-visible,
.woocommerce a.remove:not(:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner)):focus-visible {
	color: var(--eta-dismiss-hover-icon) !important;
	background: var(--eta-dismiss-hover-bg) !important;
	outline: none;
	box-shadow: none;
}

/* ThemeREX: remove owija cały kafelek — X na absolutnym svg (bez ścieżek kosza) */
.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner) > svg {
	color: var(--eta-dismiss-muted) !important;
	background:
		linear-gradient(45deg, transparent 44%, currentColor 44%, currentColor 56%, transparent 56%),
		linear-gradient(-45deg, transparent 44%, currentColor 44%, currentColor 56%, transparent 56%),
		var(--eta-dismiss-soft-bg) !important;
	transition: var(--eta-dismiss-transition);
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner) > svg path {
	opacity: 0 !important;
	visibility: hidden !important;
}

.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner):hover > svg,
.sc_layouts_cart_panel .woocommerce-mini-cart-item > a.remove:has(.trx_addons_sc_layouts_cart_mini_cart_item_inner):focus-visible > svg {
	color: var(--eta-dismiss-hover-icon) !important;
	background: var(--eta-dismiss-hover-bg) !important;
}

/* Search panel: gdy widoczne X (nie etykieta „Anuluj”) */
.eta-header-search-panel__close.is-x-visible:hover,
.eta-header-search-panel__close.is-x-visible:focus-visible {
	color: var(--eta-dismiss-hover-icon) !important;
}

.eta-header-search-panel__close.is-x-visible:hover .eta-header-search-panel__close-icon svg,
.eta-header-search-panel__close.is-x-visible:focus-visible .eta-header-search-panel__close-icon svg {
	color: var(--eta-dismiss-hover-icon);
	fill: currentColor;
}

@media (prefers-reduced-motion: reduce) {
	.sc_layouts_panel_close.trx_addons_button_close,
	.trx_addons_button_close.replaced-icon,
	.elementor-popup-modal .dialog-close-button,
	.elementor-popup-modal .dialog-lightbox-close-button,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-mobile-menu-close,
	a.remove.remove_from_cart_button,
	.woocommerce a.remove {
		transition: none;
	}

	.sc_layouts_panel_close.trx_addons_button_close:hover,
	.trx_addons_button_close.replaced-icon:hover,
	.elementor-popup-modal .dialog-close-button:hover,
	.elementor-popup-modal .dialog-lightbox-close-button:hover,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-mobile-menu-close:hover {
		transform: none;
	}
}

/* Elementor header (post-275) ładuje fill na svg PO global — wyższa specyficzność */
.sc_layouts_cart_panel.sc_layouts_panel .woocommerce.widget_shopping_cart ul.cart_list li.mini_cart_item > a.remove.remove_from_cart_button,
.elementor-275 .woocommerce.widget_shopping_cart ul.cart_list li.mini_cart_item > a.remove.remove_from_cart_button {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--eta-dismiss-inline-size) !important;
	height: var(--eta-dismiss-inline-size) !important;
	min-width: var(--eta-dismiss-inline-size) !important;
	min-height: var(--eta-dismiss-inline-size) !important;
	border-radius: var(--eta-dismiss-inline-radius) !important;
	background: var(--eta-dismiss-soft-bg) !important;
	color: var(--eta-dismiss-muted) !important;
	text-indent: -9999px !important;
	overflow: hidden !important;
}

.sc_layouts_cart_panel.sc_layouts_panel .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button > svg,
.elementor-275 .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button > svg {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
	fill: none !important;
	pointer-events: none !important;
}

.sc_layouts_cart_panel.sc_layouts_panel .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button::before,
.sc_layouts_cart_panel.sc_layouts_panel .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button::after,
.elementor-275 .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button::before,
.elementor-275 .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 1.5px;
	border-radius: 1px;
	background: currentColor;
	pointer-events: none;
}

.sc_layouts_cart_panel.sc_layouts_panel .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button::before,
.elementor-275 .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.sc_layouts_cart_panel.sc_layouts_panel .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button::after,
.elementor-275 .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.sc_layouts_cart_panel.sc_layouts_panel .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button:hover,
.sc_layouts_cart_panel.sc_layouts_panel .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button:focus-visible,
.elementor-275 .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button:hover,
.elementor-275 .woocommerce.widget_shopping_cart ul.cart_list a.remove.remove_from_cart_button:focus-visible {
	color: var(--eta-dismiss-hover-icon) !important;
	background: var(--eta-dismiss-hover-bg) !important;
	--var-trx_addons_sc_layouts_cart_item_close_color: var(--eta-dismiss-hover-icon) !important;
	--remove-item-button-color: var(--eta-dismiss-hover-icon) !important;
}