/* Wyszukiwarka pełnoekranowa: pole, filtry z ustawień, siatka wyników (karta: product-card.css). */

.search-canvas { overflow-y: auto; }

.search-canvas__head {
	position: sticky;
	z-index: 30;
	top: 0;
	border-bottom: 1px solid var(--color-border);
	background: var(--color-background);
}

.search-canvas__bar {
	display: flex;
	align-items: center;
	gap: 1rem;
	min-height: 6rem;
}

.search-canvas__form {
	display: flex;
	flex: 1;
	align-items: center;
	gap: 1rem;
	min-width: 0;
}

.search-canvas__form .icon {
	width: 1.5rem;
	height: 1.5rem;
}

.search-canvas__input {
	flex: 1;
	min-width: 0;
	padding: 0.5rem 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: var(--color-text-strong);
	font: 500 var(--fs-h1) / 1.2 var(--font-heading);
	outline: none;
	appearance: none;
}

.search-canvas__input::placeholder { color: var(--color-muted); }

/* Globalna ramka fokusu szuflad (.drawer :focus-visible) zasłaniała pole – zamiast niej linia pod całym paskiem. */
.search-canvas .search-canvas__input:focus-visible { outline: none; }
.search-canvas__form { box-shadow: inset 0 -2px 0 transparent; transition: box-shadow var(--dur-fast) ease; }
.search-canvas__form:focus-within { box-shadow: inset 0 -2px 0 var(--color-text-strong); }

.search-canvas__body { padding-block: 2rem 4rem; }

.search-canvas__filters { margin-bottom: 1.25rem; }
.search-canvas__filters .product-filters__body { gap: 1.5rem 2rem; }

#search-active-filters { margin-bottom: 1.25rem; }

.search-canvas__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin: 1.5rem 0;
}

.search-canvas__status {
	margin: 0;
	color: var(--color-muted);
}

.search-canvas__grid { transition: opacity var(--dur) ease; }

/* Pierwsze wczytanie (siatka jeszcze pusta): pulsujący placeholder zamiast pustego miejsca. */
.search-canvas.is-loading .search-canvas__grid:empty::before {
	content: "";
	grid-column: 1 / -1;
	height: 20rem;
	background: linear-gradient(90deg, var(--color-surface) 25%, var(--color-background) 50%, var(--color-surface) 75%) 0 0 / 200% 100%;
	animation: search-skeleton 1.2s linear infinite;
}

@keyframes search-skeleton { to { background-position: -200% 0; } }

@media (prefers-reduced-motion: reduce) {
	.search-canvas.is-loading .search-canvas__grid:empty::before { animation: none; }
}
.search-canvas.is-loading .search-canvas__grid { opacity: 0.4; }

.search-canvas.is-loading-more .search-canvas__body::after {
	content: "Ładowanie kolejnych produktów…";
	display: block;
	padding-top: 2rem;
	color: var(--color-muted);
	font: 300 var(--fs-sm) / 1.5 var(--font-body);
	text-align: center;
}

.search-canvas__all {
	display: flex;
	width: fit-content;
	margin: 3rem auto 0;
}

.search-canvas__all[hidden] { display: none; }

/* Na mobile filtry wyszukiwarki w jednej kolumnie, listy rozwijają się w miejscu. */
@media (max-width: 47.999rem) {
	.search-canvas__filters .product-filters__body { gap: 1rem; }
	.search-canvas__filters .pf-group:not(.pf-group--range) { width: calc(50% - 0.5rem); }
	.search-canvas__filters .pf-dropdown__toggle { width: 100%; }
}