/**
 * responsive.css
 * --------------
 * All breakpoints. Prefer changing --wrb-grid-columns over duplicating grid rules.
 * Avoid !important; layout uses CSS Grid on semantic wrappers.
 */

/* Tablet / small laptop */
@media (max-width: 1024px) {
	:root {
		--wrb-grid-columns: 3;
	}

	/* Catalog: stack filters above grid */
	.wrb-catalog-layout.wp-block-columns {
		grid-template-columns: 1fr;
	}

	.wrb-catalog-filters {
		position: static;
	}

	.wrb-catalog-toolbar__filters-trigger {
		display: flex;
	}

	/* Header: hide desktop nav, show hamburger; search moves to mobile menu */
	.wrb-header__nav--desktop {
		display: none;
	}

	.wrb-header__menu-toggle {
		display: flex;
	}

	.wrb-header__search--desktop {
		display: none;
	}

	.wrb-header__bar {
		gap: var(--wrb-spacing-sm);
	}
}

/* Mobile */
@media (max-width: 768px) {
	:root {
		--wrb-grid-columns: 2;
	}

	.wrb-page,
	.wrb-product-archive,
	.wrb-single-product {
		padding-block: var(--wrb-spacing-md) var(--wrb-spacing-lg);
	}

	/* Single product: one column */
	.wrb-single-main.wp-block-columns {
		grid-template-columns: 1fr;
	}

	.wrb-single-main__buy--sticky .wrb-single-buy {
		position: static;
	}

	.wrb-product-grid > ul {
		gap: var(--wrb-spacing-sm);
	}

	.wrb-product-card__body {
		padding: var(--wrb-spacing-xs);
	}

	.wrb-trust-info__items {
		justify-content: flex-start;
		gap: var(--wrb-spacing-sm);
	}
}