/* PatrioticWear — category filter additions (handle pw-filtry, loaded after responsive.css).
   Only new pw-t-* elements/states are styled here; the mockup's generated classes
   stay untouched in patrioticwear.css. Mobile visibility of the toggle button and
   the collapsed sidebar lives in responsive.css (≤1024px block). */

/* Mobile filters toggle: rendered always, hidden on desktop.
   responsive.css shows it ≤1024px with a double-class selector that outweighs this rule. */
.pw-t-filters-toggle {
	display: none;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
	padding: 10px 16px;
	background: none;
	border: 1px solid var(--pw-atrament, #16181A);
	border-radius: 2px;
	color: var(--pw-atrament, #16181A);
	cursor: pointer;
	font-family: "IBM Plex Mono", monospace;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* Apply button: the mockup has no submit — full-ink bar in the mockup's button idiom. */
.pw-t-filters-apply {
	display: block;
	width: 100%;
	margin-top: 20px;
	padding: 12px 16px;
	background: var(--pw-atrament, #16181A);
	border: 1px solid var(--pw-atrament, #16181A);
	border-radius: 2px;
	color: var(--pw-papier, #F6F4EE);
	cursor: pointer;
	font-family: "IBM Plex Mono", monospace;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	transition: background 120ms, border-color 120ms;
}
.pw-t-filters-apply:hover,
.pw-t-filters-apply:focus-visible {
	background: var(--pw-czerwien, #A31E28);
	border-color: var(--pw-czerwien, #A31E28);
}

/* "Wyczyść" became a link (clean-URL reset) — keep the mockup's underlined text-button look. */
a.pw-t-filters-clear {
	color: var(--pw-stal, #5A666B);
	text-decoration: underline;
}
a.pw-t-filters-clear:hover { color: var(--pw-atrament, #16181A); }

/* Active filter rows: label gets pw-t-filter-on (server-rendered from GET, toggled live by JS). */
.pw-t-filter-on .pw-div-5a0b4c {
	color: var(--pw-atrament, #16181A);
	font-weight: 600;
}

/* Current category row in the tree (top-level or child) — the red marker div
   comes from the mockup (pw-div-b6413f); this only lifts the child rows' steel text to ink. */
.pw-t-active { color: var(--pw-atrament, #16181A); }