/* ========================================
   SCHEMAT KOLORYSTYCZNY: DARK COFFEE v3.8
   + v3.8: XOO QV button - stylujemy natywny a.xoo-qv-button zamiast
           walczyć z JS. Usunięto .links override (JS zawsze wygrywa).
           ivpa_image width: auto + centered bigger terms.
   ======================================== */

/* === ZMIENNE CSS === */
:root {
	--background: #381004;
	--surface: #2B1108;
	--surface-card: #632613;
	--text: #FFFFFF;
	--text-secondary: #E8D5C4;
	--text-muted: #A89085;
	--text-product-title: #ffdacf;
	--accent: #EA580C;
	--accent-orange-bright: #ff742e;
	--accent-hover: #C2410C;
	--price-color: #F97316;
	--category-bg: rgba(59, 130, 246, 0.5);
	--category-bg-hover: rgba(59, 130, 246, 1.0);
	--category-border: #1a1a1a;
	--border: #5A3828;
	--mega-overlay: rgba(0, 0, 0, 0.35);
	--mega-overlay-hover: rgba(0, 0, 0, 0.45);
	--mega-bg-dark: rgba(43, 17, 8, 0.75);
	--mega-border: rgba(255, 255, 255, 0.6);
	--mega-border-hover: rgba(255, 255, 255, 0.9);
	--mega-text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
	--success: #16A34A;
	--error: #DC2626;
	--badge-red: #C41E3A;
}

/* === BAZA === */
body {
	background: var(--background) !important;
	color: var(--text) !important;
}

h1, h2, h3, h4, h5, h6, p, a, span { text-shadow: none; }
h1, h2, h3, h4, h5, h6 { color: var(--text) !important; }
p { color: var(--text-secondary) !important; }

a {
	color: var(--text) !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}
a:hover, a:focus { color: var(--accent) !important; }

/* === HEADER & FOOTER === */
.header, .header-wrapper, .footer, #footer {
	background: var(--surface) !important;
	border-color: var(--border) !important;
}

.header .responsive-account s,
.header .responsive-menu s {
	color: var(--text-product-title) !important;
	text-decoration: none !important;
}

/* === TYTUŁY === */
.product_title,
.woocommerce-loop-product__title {
	color: var(--text-product-title) !important;
	text-decoration: none !important;
}

.container-title .title,
.container-title .view-all,
body.woocommerce-cart .post-title a,
.footer .layout-title span {
	background: var(--background) !important;
	padding: 0 10px;
	color: var(--accent);
}

.container-title a,
.container-title .view-all {
	display: inline-block !important;
	color: var(--accent-orange-bright) !important;
}

.container-title a:hover { color: var(--text) !important; }

.item-single h3 a:hover,
.item-single .title a:hover { color: var(--accent-orange-bright) !important; }

.legend { color: var(--accent); }

body.single-product .details-col-wrapper .yith-wcwl-add-button:after { color: var(--background); }

/* =====================================================
   TI WISHLIST — STRONA PRODUKTU (single product)
   .tinv-wraper.tinvwl-before-add-to-cart

   REKOMENDACJA UX (Adidas case study, Nielsen Norman Group, H&M):
   - Ghost pill button — WIZUALNIE DRUGORZĘDNY wobec "Dodaj do koszyka"
   - Serce zmienia stan: outline (nie dodane) → fill (dodane)
   - NIE naśladujemy .posted_in a (niebieskie tagi) — zły sygnał semantyczny
   - Kolor muted, akcent pomarańczowy dopiero na hover/active
   ===================================================== */
body.single-product .tinv-wraper.tinvwl-before-add-to-cart {
	margin-bottom: 12px !important;
	display: block !important;
}

/* Ghost pill: subtelny, nie konkuruje z "Dodaj do koszyka" */
body.single-product .tinv-wraper.tinvwl-before-add-to-cart a.tinvwl_add_to_wishlist_button {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 6px 16px !important;
	background: transparent !important;
	border: 1.5px solid rgba(234, 88, 12, 0.35) !important;
	border-radius: 20px !important; /* pill shape */
	color: var(--text-muted) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

body.single-product .tinv-wraper.tinvwl-before-add-to-cart a.tinvwl_add_to_wishlist_button:hover {
	border-color: var(--accent) !important;
	color: var(--accent) !important;
	background: rgba(234, 88, 12, 0.08) !important;
}

/* Stan: produkt JUŻ na liście życzeń → pomarańczowe wypełnienie */
body.single-product .tinv-wraper.tinvwl-before-add-to-cart a.tinvwl-product-already-on-wishlist {
	border-color: var(--accent) !important;
	color: var(--accent) !important;
	background: rgba(234, 88, 12, 0.12) !important;
}

/* Ikona serca */
body.single-product .tinv-wraper.tinvwl-before-add-to-cart a i {
	font-size: 14px !important;
	color: var(--accent) !important;
	margin: 0 !important;
}

/* =====================================================
   BUTTONY W .more — FLEXBOX v4.0

   ORDER (wizualna kolejność, niezależna od DOM):
     order: 0 → ♡ TI Wishlist (WIERSZ 1, pełna szerokość)
     order: 1 → Dodaj do koszyka (.btn-medium-1)
     order: 2 → Podgląd (a.xoo-qv-button)
   ===================================================== */

/* .more jako flex row — aktywne tylko gdy otwarte */
.item-single.quick-features-enabled.open .more {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch !important;
	justify-content: space-between !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	gap: 8px !important;
}

/* ── WIERSZ 1: TI Wishlist — pełna szerokość, PRZED Dodaj/Podgląd ──
   Wielokrotne selektory: każda możliwa struktura DOM pluginu TI    */
.item-single .more .tinvwl-loop-btnwrap,
.item-single .more [class*="tinvwl-loop"],
.item-single .more [class*="tinvwl_loop"],
.item-single .more .tinv-wishlist,
.item-single .more .yith-wcwl-add-to-wishlist,
.item-single .more a.tinvwl_add_to_cart_button {
	order: 0 !important;
	flex: 0 0 100% !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* aa-wishlist-row (nasz div z template) */
.item-single .aa-wishlist-row {
	display: none;
	padding: 0 12px 8px;
	box-sizing: border-box;
	width: 100%;
}
.item-single.quick-features-enabled.open .aa-wishlist-row {
	display: block !important;
}

/* =====================================================
   MOBILE (≤767px): SERDUSZKO NA ZDJĘCIU — PRAWY-DOLNY RÓG

   REKOMENDACJA UX (Adidas/Spree/H&M case studies):
   Mały okrągły przycisk 36px na zdjęciu to najlepszy
   wzorzec dla mobile PLP — nie zajmuje miejsca, zawsze
   widoczny bez rozwijania karty (brak hover na telefonie).

   TECHNIKA: aa-wishlist-row z position:absolute
   Pozycjonowany względem .item-single (position:relative)
   • top:0; right:0; bottom:50%; left:0 → pokrywa obszar zdjęcia
     (zdjęcie zajmuje dokładnie 50% wysokości karty —
      zmierzone live: card 442px, image 222px = 50.2%)
   • align-items: flex-end; justify-content: flex-end
     → przycisk w prawym-dolnym rogu obszaru zdjęcia
   • pointer-events: none na kontenerze, all na przycisku
     → kliknięcia na zdjęciu nadal działają (przejście do produktu)
   ===================================================== */
/* =====================================================
   MOBILE (≤767px): SERDUSZKO NA ZDJĘCIU — PRAWY-DOLNY RÓG

   ROOT CAUSE (zdiagnozowano live): aa-wishlist-row jest PUSTA —
   hook mover z functions.php nie jest na serwerze produkcyjnym.
   Przyciski TI są nadal w .more (parent: "more").

   FIX CSS-ONLY (bez PHP):
   • .more { display:block, position:absolute, top:0 left:0 right:0 bottom:0 }
     → nakrywamy całą kartę, pointer-events:none
   • Chowamy wszystko w .more oprócz .tinv-wraper
   • .tinv-wraper absolutnie: top:calc(50%-44px) right:8px
     → 36px okrąg w prawym-dolnym rogu zdjęcia
   ===================================================== */
@media only screen and (max-width: 767px) {

	/* .more → transparent overlay na całą kartę */
	.item-single .more {
		display: block !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		height: auto !important;
		background: transparent !important;
		pointer-events: none !important;
		z-index: 9 !important;
		overflow: visible !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* Ukryj wszystko w .more oprócz .tinv-wraper */
	.item-single .more > *:not([class*="tinv"]) {
		display: none !important;
	}

	/* .tinv-wraper: absolutnie w prawym-dolnym rogu zdjęcia */
	.item-single .more .tinv-wraper {
		position: absolute !important;
		top: calc(50% - 44px) !important; /* dolna krawędż zdjęcia z marginesem 8px */
		right: 8px !important;
		width: 36px !important;
		height: 36px !important;
		pointer-events: all !important;
		background: none !important;
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
	}

	/* Overlay container — obejmuje całą górną połowę karty (zdjęcie) */
	.item-single .aa-wishlist-row {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 50% !important;       /* dolna krawędź = koniec zdjęcia */
		width: auto !important;
		height: auto !important;
		padding: 0 8px 8px 0 !important;
		display: flex !important;      /* zawsze widoczny na mobile */
		align-items: flex-end !important;
		justify-content: flex-end !important;
		pointer-events: none !important; /* kliknięcia na zdjęciu przechodnią */
		z-index: 8 !important;
		background: transparent !important;
		box-sizing: border-box !important;
	}

	/* Przycisk serduszka — mały okrąg, 36px */
	.item-single .aa-wishlist-row a,
	.item-single .aa-wishlist-row .tinvwl-loop-btnwrap a,
	.item-single .aa-wishlist-row [class*="tinvwl"] a,
	.item-single .more .tinv-wraper a.tinvwl_add_to_wishlist_button {
		pointer-events: all !important;
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		max-width: 36px !important;
		border-radius: 50% !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: rgba(0, 0, 0, 0.52) !important;
		backdrop-filter: blur(4px) !important;
		-webkit-backdrop-filter: blur(4px) !important;
		border: 1.5px solid rgba(255, 116, 46, 0.45) !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
		/* Ukryj tekst, pokaż tylko ikonę: */
		font-size: 0 !important;
		color: transparent !important;
		gap: 0 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		transition: transform 0.15s ease, background 0.15s ease !important;
	}

	/* Ikona serca — biała, widoczna */
	.item-single .aa-wishlist-row a i,
	.item-single .aa-wishlist-row a [class*="ftinvwl"],
	.item-single .more .tinv-wraper a i,
	.item-single .more .tinv-wraper a [class*="ftinvwl"] {
		font-size: 15px !important;
		color: rgba(255, 255, 255, 0.88) !important;
		margin: 0 !important;
		line-height: 1 !important;
	}

	/* Stan: produkt już na liście → pomarańczowe serduszko */
	.item-single .aa-wishlist-row a.tinvwl-product-already-on-wishlist,
	.item-single .more .tinv-wraper a.tinvwl-product-already-on-wishlist {
		background: rgba(234, 88, 12, 0.25) !important;
		border-color: var(--accent) !important;
	}

	.item-single .aa-wishlist-row a.tinvwl-product-already-on-wishlist i,
	.item-single .aa-wishlist-row a.tinvwl-product-already-on-wishlist [class*="ftinvwl"],
	.item-single .more .tinv-wraper a.tinvwl-product-already-on-wishlist i,
	.item-single .more .tinv-wraper a.tinvwl-product-already-on-wishlist [class*="ftinvwl"] {
		color: var(--accent) !important;
	}

	/* Touch feedback */
	.item-single .aa-wishlist-row a:active {
		transform: scale(0.88) !important;
	}
}

/* ── STYL PRZYCISKU WISHLIST — identyczny jak Dodaj/Podgląd ── */
.item-single .more .tinvwl-loop-btnwrap a,
.item-single .more [class*="tinvwl-loop"] a,
.item-single .more [class*="tinvwl_loop"] a,
.item-single .more .tinv-wishlist a,
.item-single .more .yith-wcwl-add-to-wishlist a,
.item-single .more a.tinvwl_add_to_cart_button,
.item-single .aa-wishlist-row a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	background: transparent !important;
	border: 1px solid var(--border) !important;
	border-radius: 8px !important;
	padding: 10px 12px !important;
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: var(--accent-orange-bright) !important;
	transition: all 0.2s ease-in-out !important;
	text-decoration: none !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
	gap: 6px !important;
}

.item-single .more .tinvwl-loop-btnwrap a:hover,
.item-single .more [class*="tinvwl"] a:hover,
.item-single .more a.tinvwl_add_to_cart_button:hover,
.item-single .more .yith-wcwl-add-to-wishlist a:hover,
.item-single .aa-wishlist-row a:hover {
	border-color: var(--accent-orange-bright) !important;
	background: rgba(255, 116, 46, 0.15) !important;
	color: var(--accent-orange-bright) !important;
}

/* Ikona serca */
.item-single .more [class*="tinvwl"] i,
.item-single .more [class*="tinvwl"] svg,
.item-single .aa-wishlist-row i,
.item-single .aa-wishlist-row svg {
	color: var(--accent-orange-bright) !important;
	fill: var(--accent-orange-bright) !important;
}

/* ── WIERSZ 2: Dodaj do koszyka ── */
.item-single .more .btn-medium-1 {
	order: 1 !important;
	position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	visibility: visible !important;
	float: none !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: transparent !important;
	border: 1px solid var(--border) !important;
	border-radius: 8px !important;
	padding: 10px 12px !important;
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: var(--accent-orange-bright) !important;
	transition: all 0.2s ease-in-out !important;
	text-decoration: none !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
}

/* ── WIERSZ 2: Podgląd (XOO QV) ── */
.item-single .more a.xoo-qv-button {
	order: 2 !important;
	position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	visibility: visible !important;
	float: none !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: transparent !important;
	border: 1px solid var(--border) !important;
	border-radius: 8px !important;
	padding: 10px 12px !important;
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: var(--accent-orange-bright) !important;
	transition: all 0.2s ease-in-out !important;
	text-decoration: none !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
}

/* Hover dla Dodaj i Podgląd */
.item-single .more .btn-medium-1:hover,
.item-single .more a.xoo-qv-button:hover {
	border-color: var(--accent-orange-bright) !important;
	background: rgba(255, 116, 46, 0.15) !important;
	color: var(--accent-orange-bright) !important;
}

/* Ikony w Dodaj i Podgląd */
.item-single .more .btn-medium-1 i,
.item-single .more a.xoo-qv-button .xoo-qv-btn-icon {
	display: inline !important;
	float: none !important;
	margin-right: 6px !important;
	color: var(--accent-orange-bright) !important;
}

/* ── WIERSZ 3+: IVPA warianty ── */
.item-single .more .ivpa-opt,
.item-single .more .ivpa_attribute,
.item-single .more .gtm4wp_productdata {
	order: 10 !important;
	flex: 0 0 100% !important;
	width: 100% !important;
}

/* Ukryj stary natywny .links (zastąpiony przez XOO QV) */
.item-single .more .links {
	display: none !important;
}

/* =====================================================
   IVPA — WARIANTY NA KARTACH ARCHIWUM v3.8

   - Natywny wygląd pluginu zachowany (kolory, border)
   - Tylko: centrowanie + większy rozmiar + flex layout
   - ivpa_image .ivpa_term: width auto (nie stałe px)
   ===================================================== */

.item-single .ivpa-opt {
	text-align: center !important;
	margin-top: 8px !important;
	padding: 0 !important;
}

.item-single .ivpa-opt .ivpa-terms {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 5px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Wszystkie termy — większe, native kolory pluginu niezmienione */
.item-single .ivpa-opt .ivpa_term {
	display: inline-block !important;
	padding: 4px 11px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	cursor: pointer !important;
}

/* ivpa_image: width auto żeby thumbnail się nie rozciągał */
.item-single .ivpa_attribute.ivpa_image .ivpa_term {
	width: auto !important;
}

/* === SPECIFIC ITEM PATH === */
.item-single .details .path a { color: var(--accent-orange-bright) !important; }

/* === SIDEBAR FILTERS === */
.sidebar-filters .filter-item { border-bottom: 1px solid #602914 !important; }

/* === ZAKŁADKI (TABS) === */
body .nav-tabs li a {
	background: #632613 !important;
	color: var(--accent-orange-bright) !important;
	border: none !important;
	box-shadow: #602914 0 1px 0 inset, #602914 -1px 0 0 inset, #602914 1px 0 0 inset, #fff 0 -1px 0 inset !important;
	transition: all 0.2s ease-in-out !important;
}

body .nav-tabs li.active a,
body .nav-tabs li.active a:focus,
body .nav-tabs li.active a:hover {
	background: #632613 !important;
	color: var(--accent-orange-bright) !important;
	border: none !important;
	box-shadow: #602914 0 1px 0 inset, #602914 -1px 0 0 inset, #602914 1px 0 0 inset, #fff 0 -1px 0 inset !important;
}

/* === CATALOG SPECS === */
body .catalog-specs .container-fluid {
	background: #ffffff !important;
	color: #000000 !important;
	border-top: 1px solid #602914 !important;
	border-bottom: 1px solid #602914 !important;
	margin-top: -1px !important;
}

/* === SOCIAL SHARE === */
.post-sharrre { color: var(--accent-orange-bright) !important; }

.catalog-item .details-col-wrapper .more .links a,
.item-single .more .links a { color: var(--accent-orange-bright) !important; }

.catalog-item .details-col-wrapper .more .links a:hover,
.item-single .more .links a:hover { color: var(--text) !important; }

/* =====================================================
   TI WISHLIST — POPUP PO DODANIU DO LISTY
   .tinvwl_added_to_wishlist.tinv-modal

   FIX: .icon_big_times renderuje się jako PUSTY blok 71px
   (font-size:60px + margin-bottom:25px) tworząc gap u góry
   Przyczyna: ::before ma content:"" (pusty string) ale
   element zajmuje pełną wysokość font-size
   ===================================================== */

/* Tło popup — dark theme */
.tinvwl_added_to_wishlist .tinv-overlay {
	background: rgba(0, 0, 0, 0.72) !important;
}

.tinv-modal-inner {
	background: var(--surface-card) !important;
	border: 1px solid var(--border) !important;
	border-radius: 14px !important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55) !important;
	padding: 28px 32px 24px !important; /* zredukowany padding-top */
}

/* FIX: Ukryj pusty spacer-blok powodujący gap */
.tinv-modal-inner .icon_big_times {
	display: none !important;
}

/* Tekst komunikatu */
.tinv-modal-inner .tinv-txt {
	color: var(--text) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	margin-bottom: 18px !important;
	text-align: center !important;
	display: block !important;
}

/* Przyciski w popupie */
.tinv-modal-inner .tinvwl-buttons-group {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

.tinv-modal-inner button.button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	padding: 10px 16px !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	border: none !important;
}

/* "Pokaż Listę Życzeń" — solid accent */
.tinv-modal-inner button.tinvwl_button_view {
	background: var(--accent) !important;
	color: #fff !important;
}

.tinv-modal-inner button.tinvwl_button_view:hover {
	background: var(--accent-hover) !important;
}

/* "Zamknij" — ghost/outlined */
.tinv-modal-inner button.tinvwl_button_close {
	background: transparent !important;
	border: 1px solid var(--border) !important;
	color: var(--text-muted) !important;
}

.tinv-modal-inner button.tinvwl_button_close:hover {
	border-color: rgba(255,255,255,0.3) !important;
	color: var(--text) !important;
}

/* Ikony w przyciskach popup */
.tinv-modal-inner button i.ftinvwl {
	font-size: 14px !important;
}

/* =====================================================
   WISHLIST PAGE — MOBILE KARTY (≤767px)
   ADHD-FRIENDLY: wyraźne obramowanie każdego produktu,
   pomarańczowy pasek (inset box-shadow) dla łatwego
   skanowania i rozróżniania elementów listy.

   DOM: .tinvwl-table-manage-list > tr.wishlist_item
   Na mobile TI ustawia td { display:block } ale tr
   pozostaje table-row → brak box-shadow/border-radius.
   FIX: tr.wishlist_item { display:block } w media query
   ===================================================== */
@media only screen and (max-width: 767px) {

	/* Cała tabela → block, żeby wiersze mogły być kartami */
	.tinv-wishlist .tinvwl-table-manage-list {
		display: block !important;
		width: 100% !important;
		border-collapse: separate !important;
	}

	/* Nagłówek tabeli — ukryty na mobile */
	.tinv-wishlist .tinvwl-table-manage-list thead {
		display: none !important;
	}

	/* tbody → block */
	.tinv-wishlist .tinvwl-table-manage-list tbody {
		display: block !important;
		width: 100% !important;
	}

	/* Każdy wiersz = karta ADHD-friendly */
	.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item {
		display: block !important;
		background: var(--surface-card) !important;
		border: 1px solid var(--border) !important;
		border-radius: 12px !important;
		margin-bottom: 16px !important;
		padding: 12px 14px !important;
		overflow: hidden !important;
		width: 100% !important;
		box-sizing: border-box !important;
		/* Pomarańczowy pasek — ADHD: łatwe skanowanie listy */
		box-shadow:
			inset 3px 0 0 var(--accent),
			0 2px 8px rgba(0, 0, 0, 0.3) !important;
	}

	/* Komórki → block (TI już to robi, tu dla pewności) */
	.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item td {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		border: none !important;
		padding: 4px 0 !important;
	}

	/* Miniatura — wycentrowana */
	.tinv-wishlist tr.wishlist_item td.product-thumbnail {
		text-align: center !important;
		padding-bottom: 8px !important;
	}
	.tinv-wishlist tr.wishlist_item td.product-thumbnail img {
		max-width: 100px !important;
		height: auto !important;
		border-radius: 6px !important;
	}

	/* Nazwa produktu — duża, wyrazista */
	.tinv-wishlist tr.wishlist_item td.product-name {
		text-align: center !important;
		font-size: 16px !important;
		font-weight: 700 !important;
	}
	.tinv-wishlist tr.wishlist_item td.product-name a {
		color: var(--text-product-title) !important;
		font-weight: 700 !important;
	}

	/* Cena — wyróżniona */
	.tinv-wishlist tr.wishlist_item td.product-price {
		text-align: center !important;
		font-size: 18px !important;
		font-weight: 700 !important;
		color: var(--price-color) !important;
		padding: 4px 0 8px !important;
	}
	.tinv-wishlist tr.wishlist_item td.product-price .amount {
		font-size: 18px !important;
	}

	/* Data — mała, muted */
	.tinv-wishlist tr.wishlist_item td.product-date {
		text-align: center !important;
		font-size: 12px !important;
		color: var(--text-muted) !important;
	}

	/* Stan magazynowy */
	.tinv-wishlist tr.wishlist_item td.product-stock {
		text-align: center !important;
		font-size: 13px !important;
		padding-bottom: 8px !important;
	}

	/* Przycisk akcji (Dodaj do koszyka) */
	.tinv-wishlist tr.wishlist_item td.product-action {
		padding-top: 8px !important;
	}
	.tinv-wishlist tr.wishlist_item td.product-action a,
	.tinv-wishlist tr.wishlist_item td.product-action button {
		width: 100% !important;
		text-align: center !important;
		border-radius: 8px !important;
		padding: 10px !important;
		box-sizing: border-box !important;
		font-weight: 700 !important;
	}

	/* Usuń (X) — pozycjonuj w prawym górnym rogu karty */
	.tinv-wishlist tr.wishlist_item td.product-remove {
		text-align: right !important;
		padding: 0 !important;
		margin-bottom: -4px !important;
	}
	.tinv-wishlist tr.wishlist_item td.product-remove a {
		color: var(--text-muted) !important;
		font-size: 20px !important;
	}
	.tinv-wishlist tr.wishlist_item td.product-remove a:hover {
		color: var(--error) !important;
	}

	/* Checkbox — ukryj na mobile (nie potrzebny) */
	.tinv-wishlist tr.wishlist_item td.product-cb {
		display: none !important;
	}

	/* Akcje zbiorowe pod tabelą → ukryj na mobile */
	.tinv-wishlist .tinvwl-table-manage-list tfoot,
	.tinv-wishlist .tinvwl-bulk-actions {
		display: none !important;
	}

	/* Nagłówek listy zyczeń (.tinv-header) — dodatkowe style */
	.tinv-wishlist .tinv-header {
		margin-bottom: 16px !important;
		padding-bottom: 8px !important;
		border-bottom: 1px solid var(--border) !important;
	}

}

/* === WISHLIST === */
.yith-wcwl-add-to-wishlist svg.yith-wcwl-icon-svg {
	fill: var(--accent-orange-bright) !important;
	color: var(--accent-orange-bright) !important;
}

body.woocommerce-wishlist #yith-wcwl-form {
	background: var(--background) !important;
	border-bottom: 1px solid var(--background) !important;
}

body.woocommerce-wishlist .post-title a { background: var(--background) !important; }
.wishlist-title-container { display: none !important; }

/* ── Duplikat H2 z pluginu TI (SEO: H1 strony = poprawny, H2 pluginu = zbędny)
   body.tinvwl-theme-style = faktyczna klasa body na stronie /my-wishlist/
   (nie woocommerce-wishlist — to błędna klasa, body jej nie ma!) */
body.tinvwl-theme-style .tinv-header h2,
body.page-id-20373 .tinv-header h2 {
	display: none !important;
}

.wishlist_table.mobile li .item-details table.item-details-table td.value {
	color: var(--accent-orange-bright) !important;
}

/* === KATEGORIE I TAGI === */
.product-category,
.posted_in a,
.cat-links a,
.product_meta .tagged_as a {
	background: var(--category-bg) !important;
	border: 1px solid var(--category-border) !important;
	color: #fff !important;
	padding: 4px 12px;
	border-radius: 4px;
	transition: all 0.3s ease !important;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}

.product-category:hover,
.posted_in a:hover,
.cat-links a:hover,
.product_meta .tagged_as a:hover {
	background: var(--category-bg-hover) !important;
	border-color: #000 !important;
	text-decoration: none !important;
}

/* === KARTY PRODUKTÓW === */
.item-single {
	width: 100%;
	border-radius: 5px;
	background: var(--surface-card) !important;
	box-shadow: var(--border) 0 -1px 0 inset, var(--border) 0 1px 0 inset, var(--border) -1px 0 inset, var(--border) 1px 0 0 inset !important;
	position: relative;
	z-index: 10;
}

.item-single:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 12px rgba(0,0,0,0.5) !important;
}

.catalog-item .image-col-wrapper .thumbs {
	box-shadow: #602914 0 -1px 0 inset, #602914 0 1px 0 inset, #602914 -1px 0 inset, #602914 1px 0 0 inset !important;
	background: #632613 !important;
}

/* === CENY === */
.price, .amount, .woocommerce-Price-amount,
.woocommerce-Price-currencySymbol {
	color: var(--price-color) !important;
	font-weight: 700 !important;
}

body .catalog-item .details-col-wrapper .price span { color: #f40034 !important; }
del .amount { color: var(--text-muted) !important; opacity: 0.7; }

/* === ELEMENTY INTERAKTYWNE === */
.btn, .button, button, input[type="submit"], .btn-medium-1 {
	background: var(--accent) !important;
	color: #FFFFFF !important;
	border: none !important;
}

.btn:hover, .button:hover, button:hover { background: var(--accent-hover) !important; }

.btn-symbol-2 {
	background: var(--surface-card) !important;
	box-shadow: #602914 0 -1px 0 inset, #602914 0 1px 0 inset, #602914 -1px 0 0 inset, #602914 1px 0 0 inset !important;
}

/* === MEGAMENU === */
.menu .dropdown-menu,
.mega-menu,
.megamenu-wrapper {
	background: var(--mega-bg-dark) !important;
	border: 1px solid var(--mega-border) !important;
	backdrop-filter: blur(10px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

.menu .dropdown-menu h3,
.mega-menu-heading {
	font-size: 32px !important;
	font-weight: 700 !important;
	color: var(--text) !important;
	text-shadow: var(--mega-text-shadow) !important;
	text-transform: none !important;
	letter-spacing: 0.5px !important;
	margin-bottom: 20px !important;
	border-bottom: none !important;
}

.mega-menu-card,
.menu .dropdown-menu .item-with-image {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--mega-border) !important;
	transition: border-color 0.3s ease, transform 0.3s ease !important;
}

.mega-menu-card:hover { border-color: var(--mega-border-hover) !important; }
.mega-menu-overlay { background: var(--mega-overlay) !important; transition: background 0.3s ease !important; }
.mega-menu-card:hover .mega-menu-overlay { background: var(--mega-overlay-hover) !important; }
.menu .dropdown-menu a { color: var(--text-secondary) !important; }
.menu .dropdown-menu a:hover { color: var(--text) !important; background: rgba(255,255,255,0.05) !important; }

/* =====================================================
   QUICKVIEW MODAL (natywny motyw)
   ===================================================== */
body .quickview {
	background: var(--surface-card);
	border: 1px solid var(--border);
	color: var(--text);
	box-shadow: 0 20px 50px rgba(0,0,0,0.5);
	border-radius: 5px;
	padding: 40px;
	width: 870px;
	display: table;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 10000000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease-in-out;
	font-size: 13px;
	overflow: hidden;
	box-sizing: content-box;
}

body .quickview.open { opacity: 1; visibility: visible; }

body .quickview .close {
	width: 47px; height: 47px; padding-top: 17px;
	display: inline-block; text-align: center;
	position: absolute; top: 0; right: 0;
	font-size: 13px; color: var(--text-muted);
	opacity: 1; text-shadow: none; transition: color 0.2s ease;
}

body .quickview .close:hover { color: var(--accent); }

body .quickview h1,
body .quickview h2,
body .quickview .product_title { color: var(--text); }

body .quickview .details-col-wrapper .price,
body .quickview .details-col-wrapper .price span,
body .quickview .amount { color: var(--price-color); }

body .quickview .details-col-wrapper .price s { color: var(--text-muted); }

body .quickview .image-col-wrapper .thumbs {
	text-align: center !important;
	vertical-align: middle !important;
	display: table-cell !important;
	box-shadow: #602914 0 -1px 0 inset, #602914 1px 0 0 inset, #602914 -1px 0 0 inset !important;
	background: #632613 !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* =====================================================
   XOO QUICK VIEW PLUGIN — DARK THEME
   ===================================================== */
.xoo-qv-container {
	background: var(--surface-card) !important;
	border: 1px solid var(--border) !important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}

.xoo-qv-main {
	background: var(--surface-card) !important;
	color: var(--text) !important;
}

.xoo-qv-main h1,
.xoo-qv-main h2,
.xoo-qv-main h3,
.xoo-qv-main p,
.xoo-qv-main span,
.xoo-qv-main label { color: var(--text) !important; }

.xoo-qv-main .price,
.xoo-qv-main .amount,
.xoo-qv-main .woocommerce-Price-amount { color: var(--price-color) !important; }

.xoo-qv-close { color: var(--text-muted) !important; transition: color 0.2s ease !important; }
.xoo-qv-close:hover { color: var(--accent) !important; }

.xoo-qv-plink { background: var(--accent) !important; border-radius: 4px !important; }
.xoo-qv-plink a, .xoo-qv-plink a:hover { color: #fff !important; }

/* === WOOCOMMERCE UI === */
.woocommerce-message { background: var(--success) !important; color: #fff !important; }
.woocommerce-info { background: var(--surface-card) !important; border-top-color: var(--accent) !important; color: var(--text) !important; }
.woocommerce-error { background: var(--error) !important; color: #fff !important; }
.onsale { background: var(--badge-red) !important; color: #fff !important; border-radius: 50% !important; }
body.woocommerce-account .woocommerce .woocommerce-info {
background: var(--background) !important;
}

/* === ETYKIETY PRODUKTÓW H2 + COLOR CODING === */
.item-single .details h2 a {
	display: inline-block !important;
	padding: 3px 10px !important;
	border-radius: 4px !important;
	border: 1px solid #000000 !important;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out !important;
	color: #2B1108 !important;
	background-color: rgba(169, 201, 225, 1.0) !important;
}

.item-single .details h2 a:hover {
	filter: brightness(1.08) !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.product_cat-kawy .details h2 a,
.product_cat-kawy-tradycyjne .details h2 a         { background-color: rgba(233, 215, 179, 1.0) !important; }
.product_cat-mlynki-do-kawy .details h2 a          { background-color: rgba(212, 161, 166, 1.0) !important; }
.product_cat-akcesoria .details h2 a               { background-color: rgba(186, 214, 189, 1.0) !important; }
.product_cat-vending .details h2 a,
.product_cat-automaty-vendingowe .details h2 a     { background-color: rgba(224, 213, 232, 1.0) !important; }
.product_cat-palarki-do-kawy .details h2 a         { background-color: rgba(229, 203, 168, 1.0) !important; }
.product_cat-ekspresy .details h2 a,
.product_cat-ekspresy-domowe .details h2 a         { background-color: rgba(169, 201, 225, 1.0) !important; }

/* === SEPARATORY ŚCIEŻKI === */
.breadcrumbs ul li:before,
.path ul li:before {
	content: "/";
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	left: 0; top: 1px;
	color: #602914 !important;
}

body.yith-request-quote .post-title a { background: var(--background); color: var(--accent); }

/* =====================================================
   YITH REQUEST A QUOTE — TŁO + FORMULARZ
   body class: .yith-request-a-quote-page
   ===================================================== */
body.yith-request-a-quote-page,
body.yith-request-quote {
	background: var(--background) !important;
}

body.yith-request-a-quote-page .ywraq-form-table-wrapper,
body.yith-request-a-quote-page .woocommerce,
body.yith-request-a-quote-page #content,
body.yith-request-a-quote-page #primary,
body.yith-request-a-quote-page .entry-content,
body.yith-request-a-quote-page .site-main,
body.yith-request-a-quote-page form,
body.yith-request-a-quote-page table,
body.yith-request-a-quote-page .ywraq-add-request-quote-form {
	background: var(--background) !important;
	color: var(--text) !important;
}

/* Tabela produktów w wycenie */
body.yith-request-a-quote-page table th,
body.yith-request-a-quote-page table td {
	background: var(--background) !important;
	color: var(--text) !important;
	border-color: var(--border) !important;
}

/* Pola formularza kontaktowego */
body.yith-request-a-quote-page input[type="text"],
body.yith-request-a-quote-page input[type="email"],
body.yith-request-a-quote-page textarea {
	background: #fff !important;
	color: #000 !important;
	border: 1px solid #ccc !important;
}

/* Napis 'No products in list' */
body.yith-request-a-quote-page p {
	color: var(--text-muted) !important;
}

/* ========================================
   POPRAWKI: YITH + FORMULARZE
   ======================================== */

.catalog-specs .container-fluid,
.catalog-specs .container-fluid h1,
.catalog-specs .container-fluid h2,
.catalog-specs .container-fluid h3,
.catalog-specs .container-fluid p,
.catalog-specs .container-fluid li,
.catalog-specs .container-fluid span,
.catalog-specs .container-fluid div,
.catalog-specs .container-fluid label { color: #000000 !important; }

body .catalog-specs .container-fluid { background: #ffffff !important; }

html body input[type="text"],
html body input[type="email"],
html body input[type="password"],
html body input[type="search"],
html body input[type="tel"],
html body textarea,
html body select {
	background: #ffffff !important;
	color: #000000 !important;
	border: 1px solid #ccc !important;
}

html body input[type="text"]:focus,
html body input[type="email"]:focus,
html body input[type="password"]:focus,
html body input[type="search"]:focus,
html body input[type="tel"]:focus,
html body textarea:focus,
html body select:focus {
	background: #ffffff !important;
	color: #000000 !important;
	border-color: var(--accent) !important;
	outline: none !important;
	box-shadow: 0 0 5px rgba(0,0,0,0.1) !important;
}

html body select { background-image: none !important; }

/* ========================================
   WOOCOMMERCE ACCOUNT
   ======================================== */

/* Tytuł strony — background match */
body.woocommerce-account .post-title,
body.woocommerce-account .post-title a,
body.woocommerce-account h1.entry-title,
body.woocommerce-account h1.entry-title a {
	background: var(--background) !important;
	background-color: var(--background) !important;
	color: var(--accent) !important;
	padding: 0 10px !important;
}

/* Strona logowania/rejestracji — tło treści (nie tylko formularza) */
body.woocommerce-account #content,
body.woocommerce-account #primary,
body.woocommerce-account #main,
body.woocommerce-account .site-main,
body.woocommerce-account .entry-content,
body.woocommerce-account .page-content,
body.woocommerce-account .type-page,
body.woocommerce-account article {
	background: var(--background) !important;
	background-color: var(--background) !important;
	color: var(--text) !important;
}

/* u-column (wrapper 2 kolumn login + register) */
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2,
body.woocommerce-account .col2-set {
	background: var(--background) !important;
}

/* .woocommerce div — zawiera nav + content — centrowanie jak site-container */
body.woocommerce-account .woocommerce {
	max-width: 1170px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

/* Formularze — wszystkie podstrony /moje-konto/* */
body.woocommerce-account .woocommerce form,
body.woocommerce-account .woocommerce-MyAccount-content form,
body.woocommerce-account .woocommerce fieldset,
body.woocommerce-account .woocommerce-MyAccount-content fieldset {
	background: var(--background) !important;
}

/* Legend span — bez halo z domyślnego bg */
body.woocommerce-account .woocommerce legend span {
	background: var(--background) !important;
	color: var(--accent) !important;
	padding: 0 8px !important;
}

/* Addresses col2-set — WC używa breakout trick (width:1170px + margin-right ujemny)
   żeby .addresses wypełniło całe .woocommerce niezależnie od szerokości kolumny content.
   Resetujemy to: niech .u-columns/col2-set trzyma się szerokości swojego rodzica. */
body.woocommerce-account .woocommerce-MyAccount-content .u-columns {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

/* Addresses col-1 / col-2 — glass-card style */
body.woocommerce-account .addresses .col-1,
body.woocommerce-account .addresses .col-2 {
	background: var(--surface-card) !important;
	backdrop-filter: blur(24px) !important;
	-webkit-backdrop-filter: blur(24px) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 24px !important;
	box-shadow:
		inset 0 1px 2px rgba(255, 255, 255, 0.1),
		0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
	padding: 32px !important;
}

/* =============================================================
   MOBILE ARCHIVE — SERDUSZKO FIX v1.0  (MUSI BYĆ NA KOŃCU PLIKU)
   =============================================================
   Dlaczego na końcu?
   Globalne reguły wyżej ustawiają:
     .item-single .more .btn-medium-1  { display: flex !important }
     .item-single .more a.xoo-qv-button { display: flex !important }
   Przy tej samej specyficzności + !important WYGRYWA PÓŹNIEJSZA reguła.
   Media query musi stać PO globalnych regułach → wygrywa none nad flex.

   PROBLEM 1 — .more overlay widoczny za zdjęciem:
   .btn-medium-1 i .xoo-qv-button mają display:flex bo globalne
   reguły są niżej w kaskadzie niż media query display:none.
   FIX: ponowne media query na końcu — nowe none wygrywa.

   PROBLEM 2 — serduszko niewidoczne:
   TI Wishlist ikona = ::before pseudo-element z fontem tinvwl-webfont.
   Ustawiamy color:transparent na <a> żeby schować tekst "Do Listy Życzeń".
   ::before dziedziczy color:transparent → ikona znika.
   FIX: jawny color:white na ::before, po regule transparent na <a>.
   ============================================================= */
@media only screen and (max-width: 767px) {

	/* ── FIX 1: Schowaj .btn-medium-1 i .xoo-qv-button w .more ──
	   Explicit selektory PONIŻEJ globalnych flex-reguł = wygrywają */
	.item-single .more .btn-medium-1,
	.item-single .more a.xoo-qv-button {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		position: absolute !important;
		left: -9999px !important;
	}

	/* SERDUSZKO ::before — ADHD-FRIENDLY v2.0

	   STANY:
	   [puste]  = outline heart — białe, subtelne
	   [dodane] = filled heart (TI zmienia content) — BIAŁE na POMARAŃCZOWYM
	             → zmiana CAŁEGO pola (tło), nie tylko koloru linii
	             → ADHD: natychmiastowy, bezdyskusyjny feedback wizualny

	   Przycisk: 48px | Ikona: 30px
	   Ramka: biała w obu stanach (stały punkt odniesienia)
	   ====================================================== */

	/* Kontener — z-index 200+ ponad .link Polaris (z-index:100) */
	.item-single .more {
		z-index: 200 !important;
	}
	.item-single .more .tinv-wraper {
		z-index: 201 !important;
		position: absolute !important;
		width: 48px !important;
		height: 48px !important;
	}

	/* Przycisk — okrąg 48px, BIAŁA ramka, ciemne półprzezroczyste tło */
	.item-single .more .tinv-wraper a.tinvwl_add_to_wishlist_button {
		width: 48px !important;
		height: 48px !important;
		min-width: 48px !important;
		max-width: 48px !important;
		background: rgba(20, 8, 3, 0.60) !important;
		border: 2px solid rgba(255, 255, 255, 0.85) !important;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45) !important;
		transition: background 0.18s ease, transform 0.15s ease !important;
	}

	/* DOMYŚLNY — outline serce, BIAŁY */
	.item-single .more .tinv-wraper a.tinvwl_add_to_wishlist_button::before,
	.item-single .more .tinv-wraper a::before {
		color: rgba(255, 255, 255, 0.90) !important;
		font-size: 30px !important;
		line-height: 1 !important;
		display: block !important;
		margin: 0 !important;
		margin-right: 0 !important;
		vertical-align: baseline !important;
	}

	/* DODANE — pomarańczowe tło + BIAŁY filled symbol
	   TI dodaje .tinvwl-product-in-list + zmienia content na filled heart.
	   Ramka zostaje biała — stały punkt odniesienia. */
	.item-single .more .tinv-wraper a.tinvwl-product-in-list,
	.item-single .more .tinv-wraper a.tinvwl-product-already-on-wishlist {
		background: #EA580C !important;
		border-color: rgba(255, 255, 255, 0.85) !important;
		box-shadow:
			0 2px 10px rgba(234, 88, 12, 0.55),
			0 0 0 3px rgba(234, 88, 12, 0.22) !important;
	}
	.item-single .more .tinv-wraper a.tinvwl-product-in-list::before,
	.item-single .more .tinv-wraper a.tinvwl-product-already-on-wishlist::before {
		color: #ffffff !important;
	}

	/* TOUCH FEEDBACK */
	.item-single .more .tinv-wraper a.tinvwl_add_to_wishlist_button:active {
		transform: scale(0.82) !important;
		filter: brightness(1.25) !important;
	}
}