/* UZ Listing Feedback 1.0.0 - tylko desktop (>=701 px), lista produktow. Rozowy #BF476E jak w poprawkach UZ-P2-002/003.
   Dymek: position:absolute wewnatrz kafelka (li.product) nad przyciskiem - bez przesuwania ukladu i bez zaslaniania innych produktow. */
@media (min-width: 701px) {
	/* przycisk po udanym dodaniu: "✓ DODANO DO KOSZYKA" - obrys (outline, nie zmienia wymiarow); kontrast #BF476E na bialym 4,84:1.
	   !important tylko dla stanu .uz-added: motyw Astra nadaje tlo/kolor/cien przyciskow z wysoka specyficznoscia. */
	ul.products li.product a.button.add_to_cart_button.uz-added {
		background: #fff !important;
		color: #BF476E !important;
		outline: 2px solid #BF476E;
		outline-offset: -2px;
		cursor: default;
	}
	ul.products li.product a.button.add_to_cart_button.uz-added:hover {
		background: #fff !important; color: #BF476E !important; outline-color: #BF476E;
	}
	ul.products li.product a.button.add_to_cart_button.uz-added:focus-visible {
		background: #fff !important; color: #9B2E54 !important;
		outline: 2px solid #222; outline-offset: 2px;
	}
	/* ikona ✓ z WooCommerce (.added::after) zastapiona znakiem w tekscie; spinner (.loading) zostaje */
	ul.products li.product a.button.add_to_cart_button.uz-added:not(.loading)::after { content: none; display: none; }

	/* --- dymek --- */
	ul.products li.product { position: relative; }
	.uz-lf-msg {
		position: absolute; left: 8px; right: 8px; z-index: 8; box-sizing: border-box; display: grid; gap: 6px;
		grid-template-columns: 1fr 30px; grid-template-areas: "head close" "a1 a1" "a2 a2";
		padding: 10px; background: #fff; border-left: 4px solid #BF476E; border-radius: 2px;
		box-shadow: 0 6px 20px rgba(0, 0, 0, .22);
		font-family: Montserrat, system-ui, sans-serif; font-size: 13px; line-height: 1.3; color: #222;
	}
	.uz-lf-msg[hidden], .uz-lf-msg [hidden] { display: none !important; }
	.uz-lf-msg__head { grid-area: head; align-self: center; font-size: 14px; font-weight: 700; color: #222; }
	.uz-lf-msg__head::before { content: "✓ "; color: #BF476E; }
	.uz-lf-msg__a1 { grid-area: a1; }
	.uz-lf-msg__a2 { grid-area: a2; }
	.uz-lf-msg__close {
		grid-area: close; box-sizing: border-box; width: 30px; height: 30px; padding: 0; align-self: start;
		background: #fff; border: 1px solid #8a8a8a; border-radius: 2px; color: #333; font: 400 20px/28px system-ui, sans-serif; cursor: pointer;
	}
	.uz-lf-msg__close:hover { border-color: #222; color: #000; }
	.uz-lf-btn {
		box-sizing: border-box; display: block; padding: 8px 10px; min-height: 34px; text-align: center; text-decoration: none;
		background: #BF476E; color: #fff !important; border: 2px solid #BF476E; border-radius: 2px;
		font: 600 12px/1.2 Montserrat, system-ui, sans-serif; letter-spacing: 1px; text-transform: uppercase;
	}
	.uz-lf-btn:hover { background: #9B2E54; border-color: #9B2E54; }
	.uz-lf-btn--ghost { background: #fff; color: #BF476E !important; }
	.uz-lf-btn--ghost:hover { background: #fff; color: #9B2E54 !important; border-color: #9B2E54; }
	/* widoczny fokus (WCAG 2.4.7): ciemny pierscien z odstepem; !important, bo motyw ustawia rozowy outline linkow */
	.uz-lf-msg .uz-lf-btn:focus-visible, .uz-lf-msg .uz-lf-msg__close:focus-visible { outline: 2px solid #222 !important; outline-offset: 2px !important; }
	.uz-lf-msg__arrow {
		position: absolute; left: var(--uz-arrow, 24px); bottom: -7px; width: 12px; height: 12px;
		background: #fff; transform: rotate(45deg); box-shadow: 3px 3px 5px rgba(0, 0, 0, .12);
	}
	/* blad: ten sam dymek, bez linkow */
	.uz-lf-msg--error { grid-template-areas: "head close"; border-left-color: #B3261E; }
	.uz-lf-msg--error .uz-lf-msg__head { color: #B3261E; }
	.uz-lf-msg--error .uz-lf-msg__head::before { content: "! "; color: #B3261E; }
}
/* waska siatka (do 1200 px): ciasniejsza typografia, zeby "Przejdz do platnosci" i naglowek nie zawijaly sie */
@media (min-width: 701px) and (max-width: 1200px) {
	.uz-lf-btn { letter-spacing: .4px; padding: 8px 4px; font-size: 11.5px; }
	.uz-lf-msg { padding: 8px; }
	.uz-lf-msg__head { font-size: 13px; }
}