/* F4Y Catalog Rules – pager looks (reproduce the theme's previous pagers on WooCommerce's stock markup) */

/* Shop / category pages: the old "westward" look (blue buttons, black current) */
.woocommerce-pagination { text-align: center; }
.woocommerce-pagination ul.page-numbers {
	display: inline-block !important;
	list-style: none !important;
	margin: 1px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
.woocommerce-pagination ul.page-numbers li {
	display: inline-block !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}
.woocommerce-pagination ul.page-numbers li a.page-numbers,
.woocommerce-pagination ul.page-numbers li span.page-numbers {
	display: block !important;
	padding: 0 7px !important;
	margin: 0 5px 0 0 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	border-radius: 3px !important;
	text-decoration: none !important;
	box-shadow: none !important;
	min-width: 0 !important;
	border: 0 !important;
}
.woocommerce-pagination ul.page-numbers li a.page-numbers {
	background: #4f7ef8 !important;
	color: #000 !important;
}
.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
	background: #000 !important;
	color: #fff !important;
}
.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
	background: #000 !important;
	color: #fff !important;
	border: 1px solid #444 !important;
	box-shadow: #fff 0 1px 0 0, rgba(0, 0, 0, 0.3) 0 0 2px 0 inset !important;
}
.woocommerce-pagination ul.page-numbers li span.page-numbers.dots {
	background: transparent !important;
	color: #666 !important;
	font-weight: 700 !important;
	border: 0 !important;
}

/* Home page "Find Your Frame" grid: the old "codiffy" look (white tiles, black current) */
.myfitness_prod_navigation { text-align: center; margin: 0 0 70px; }
.myfitness_prod_navigation .woocommerce-pagination ul.page-numbers { display: inline-flex !important; margin: 0 !important; }
.myfitness_prod_navigation .woocommerce-pagination ul.page-numbers li a.page-numbers,
.myfitness_prod_navigation .woocommerce-pagination ul.page-numbers li span.page-numbers {
	padding: 6px 12px !important;
	margin: 0 3px !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	border-radius: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}
.myfitness_prod_navigation .woocommerce-pagination ul.page-numbers li a.page-numbers {
	background: #fff !important;
	color: #000 !important;
}
.myfitness_prod_navigation .woocommerce-pagination ul.page-numbers li a.page-numbers:hover,
.myfitness_prod_navigation .woocommerce-pagination ul.page-numbers li span.page-numbers.current {
	background: #000 !important;
	color: #fff !important;
}
.myfitness_prod_navigation .woocommerce-pagination ul.page-numbers li span.page-numbers.dots {
	background: transparent !important;
	color: #666 !important;
}

/* Categories without the filter sidebar: 4 tiles per row on desktop, 3 on small
   desktops / landscape tablets, and the site's existing 2-per-row rules at 768px and below. */
@media (min-width: 769px) {
	body.f4y-no-filter-sidebar ul.products.columns-4 { display: flex; flex-wrap: wrap; }
	body.f4y-no-filter-sidebar ul.products.columns-4 li.product { clear: none !important; }
}
@media (min-width: 769px) and (max-width: 991px) {
	body.f4y-no-filter-sidebar ul.products.columns-4 li.product { width: 30.75% !important; margin-right: 3.8% !important; }
	body.f4y-no-filter-sidebar ul.products.columns-4 li.product:nth-child(3n) { margin-right: 0 !important; }
}
@media (min-width: 992px) {
	body.f4y-no-filter-sidebar ul.products.columns-4 li.product { width: 22.05% !important; margin-right: 3.8% !important; }
	body.f4y-no-filter-sidebar ul.products.columns-4 li.product:nth-child(4n) { margin-right: 0 !important; }
}

/* Home grid on tablets and phones: the theme prints the grid as a flex row, so
   WooCommerce's float-based two-per-row rules leave the tiles touching. Give the
   left tile of each pair the same 4% gap the category pages have. */
@media (max-width: 768px) {
	.myfitness_filter ul.products li.product { width: 48% !important; margin-right: 4% !important; }
	.myfitness_filter ul.products li.product:nth-child(2n) { margin-right: 0 !important; }
}

/* Home grid: a full-width message tile when nothing matches */
.myfitness_filter ul.products li.f4y-no-products { width: 100% !important; margin: 0 !important; float: none !important; }