/**
 * Komunikat o braku prawa odstapienia na karcie produktu (F2 serii RET-001).
 *
 * CALOSC SIEDZI W `@layer lukuro.base` I TO JEST WYMOG MECHANICZNY, NIE PORZADKOWY.
 * Arkusze modulow kolejkuja sie PO stylu motywu i po tokenach, a obie tamte warstwy zyja
 * poza warstwami kaskady i maja specyficznosc klas - wiec remis wygrywalby ten plik
 * i uniewaznial decyzje projektu, takze podjeta swiadomie. Deklaracja spoza warstwy bije
 * kazda warstwe niezaleznie od specyficznosci, wiec dopiero `@layer` ustawia wlasciwy
 * kierunek: projekt nadpisuje nas jedna regula unlayered, bez `!important` i bez wojny
 * o wage. Standard: `~/.claude/kb/bricks/wiki/bricks-stylowanie-custom-elementow.md`.
 *
 * SZKIELET NALEZY DO MODULU, SKORA DO PROJEKTU. Tlo, obramowanie i promien sa tu tylko
 * po to, zeby sklep, ktory nic nie ustawil, nie zobaczyl golego akapitu miedzy cena
 * a przyciskiem. Kazda z tych deklaracji ma przegrac z decyzja projektu i dlatego stoi
 * w warstwie.
 *
 * KOLOR WYLACZNIE PRZEZ SLOTY `--lukuro-color-*`, nigdy przez tokeny `--at-*` wprost:
 * tokenow Advanced Themera nie ma na instancji bez tej wtyczki, a `var()` bez wartosci
 * i bez fallbacku odrzuca CALA deklaracje - cicho, bez sladu w konsoli. Skale niekolorowe
 * (odstepy, tekst, promien) cytuja `--at-*` wprost, zawsze z fallbackiem, wiec arkusz daje
 * kompletny wyglad takze bez frameworka tokenow.
 *
 * @package Lukuro
 * @author lukuro
 */

@layer lukuro.base;

@layer lukuro.base {

	/**
	 * Akcent na krawedzi wiodacej, a nie kolorowe tlo calego bloku: to jest informacja
	 * o ograniczeniu, nie blad zakupu. Slot `warning` niesie dokladnie te role ("wymaga
	 * uwagi, ale nic sie nie zepsulo") i ma policzony kontrast; `danger` klamalby, bo
	 * produkt na zamowienie nie jest usterka.
	 */
	.lukuro-returns-notice {
		display: flow-root;
		margin-block: var(--at-space--s, 1rem);
		padding: var(--at-space--s, 1rem);
		border-radius: var(--at-radius--s, 4px);
		border-inline-start: 3px solid var(--lukuro-color-warning, #9a5b00);
		background: var(--lukuro-color-surface-subtle, #f5f5f5);
		color: var(--lukuro-color-text, #222);
		font-size: var(--at-text--s, 0.9375rem);
		line-height: 1.55;
	}

	/**
	 * Marginesy akapitow zeruje sie tutaj, a nie liczy na reset motywu: komunikat stoi
	 * w cudzym szablonie i jego odstep wewnetrzny ma byc jego wlasny.
	 */
	.lukuro-returns-notice > * {
		margin: 0;
	}

	.lukuro-returns-notice > * + * {
		margin-block-start: var(--at-space--xs, 0.5rem);
	}

	/**
	 * Podstawa prawna jest przypisem, nie trescia: klientka ma najpierw przeczytac, co to
	 * dla niej znaczy, a dopiero potem z czego to wynika. Stopien nizej i kolor stlumiony,
	 * ale nadal kontrastowy - to jest informacja wymagana ustawa, wiec nie schodzi ponizej
	 * progu czytelnosci.
	 */
	.lukuro-returns-notice__basis {
		color: var(--lukuro-color-text-muted, #666);
		font-size: var(--at-text--xs, 0.8125rem);
	}
}