/*
 * Category archive of najlepsiemobily.sk – tweaks of the shared toolbar (components/instant-search.css).
 */

/* Phones: "Filtrovať" (opens the filter drawer) across the full width, 44px tall. */
@media (max-width: 520px) {
	#cat-results .wa-is-filter-trigger {
		flex: 1 0 100%;
		justify-content: center;
		min-height: var(--nd-btn-h, 44px);
		font-size: var(--nd-fs-15, 15px);
	}
}

/* Tighter top of the category: title → subcategories → promo banner → toolbar, one rhythm per
   breakpoint (--nm-cat-gap). The banner's own 2rem margin (pages/archive.css) and the theme's paddings
   (catalog.css) are folded into it. */
.cat {
	--nm-cat-gap: 20px;
}
@media (max-width: 860px) {
	.cat {
		--nm-cat-gap: 16px;
	}
}
@media (max-width: 640px) {
	.cat {
		--nm-cat-gap: 12px;
	}
}
.cat > .cat-subcats {
	padding-top: calc(var(--nm-cat-gap) - 6px);
	padding-bottom: 0;
}
.cat > .cat-promo {
	padding-top: var(--nm-cat-gap);
	padding-bottom: 0;
}
.cat > .cat-promo > .wa-archive__promo,
.cat > .cat-promo .wsc-banner-cat-product {
	margin-block: 0;
}
.cat > .cat-layout {
	padding-top: var(--nm-cat-gap);
}

/* Shop reviews under the category and the search results: 4 per row on desktop (perpage="4", gap="0",
   functions.php) in the product page's mesh (components/nm-product.css) – no gaps, shared 1px lines,
   square cells. The left line of the row stays put while the slides move. */
:is(.archive, .search) .shop-reviews .heurekaShopReviewsCarousel .splide__track {
	position: relative;
	padding-left: 0;
	padding-right: 0;
}
:is(.archive, .search) .shop-reviews .heurekaShopReviewsCarousel .splide__slide { padding: 0; }
:is(.archive, .search) .shop-reviews .heurekaShopReviewsCarousel .splide__slide .amtc-review-card {
	height: 100%;
	border: 0;
	border-radius: 0;
	background: #fff;
	box-shadow: inset -1px 0 0 var(--nd-c-line), inset 0 1px 0 var(--nd-c-line), inset 0 -1px 0 var(--nd-c-line);
}
:is(.archive, .search) .shop-reviews .heurekaShopReviewsCarousel .splide__track::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: var(--nd-sp-4);
	bottom: var(--nd-sp-8);
	left: 0;
	width: 1px;
	background: var(--nd-c-line);
}