/**
 * Kategoria hub sklepu (np. /kategoria-produktu/kursy-medyczne/).
 */

body.eureka-wc-hub-page.tax-product_cat #primary.eureka-wc-hub,
body.tax-product_cat .eureka-wc-hub {
	background-color: #f8f9fb;
	min-height: 40vh;
}

body.eureka-wc-hub-page .site-main {
	background-color: #f8f9fb;
}

/* Ukryj domyślną pętlę WC (gdyby woocommerce_content() się włączyło). */
.eureka-wc-hub .woocommerce-products-header,
.eureka-wc-hub ul.products:not(.eureka-wc-hub-grid),
.eureka-wc-hub .woocommerce-result-count {
	display: none !important;
}

.eureka-wc-hub-hero .badge-pill {
	letter-spacing: 0.04em;
}

.eureka-wc-hub-hero__count strong {
	font-weight: 600;
	color: var(--eureka-foreground, #1a1f36);
}

.eureka-wc-hub-toolbar {
	background: #fff;
	border: 1px solid var(--eureka-border, hsl(230, 20%, 92%));
	border-radius: var(--eureka-radius, 1rem);
	padding: 0.875rem 1.25rem;
	box-shadow: var(--eureka-shadow-card, 0 4px 24px rgb(0 0 0 / 0.06));
}

.eureka-wc-hub-toolbar-count {
	font-weight: 600;
}

.eureka-wc-hub-ordering .woocommerce-ordering {
	margin: 0;
	float: none;
}

.eureka-wc-hub-ordering select.orderby {
	min-width: 14rem;
	padding: 0.5rem 2.25rem 0.5rem 0.75rem;
	font-size: 0.9375rem;
	border: 1px solid var(--eureka-border, hsl(230, 20%, 92%));
	border-radius: 9999px;
	background-color: #fff;
	color: var(--eureka-foreground, #1a1a2e);
}

.eureka-wc-hub-grid .col {
	display: flex;
}

.eureka-wc-hub-grid .eureka-featured-course-card {
	width: 100%;
	height: 100%;
}

.eureka-wc-hub-grid .eureka-featured-course-card .card-body {
	padding: 1.25rem;
}

.eureka-wc-hub-grid .eureka-featured-course-card h3 {
	font-size: 1.05rem;
	line-height: 1.35;
}

.eureka-wc-hub-pagination {
	margin-top: 0.5rem;
}

.eureka-wc-hub-pagination .woocommerce-pagination ul {
	justify-content: center;
	gap: 0.35rem;
}

.eureka-wc-hub-pagination .woocommerce-pagination ul li a,
.eureka-wc-hub-pagination .woocommerce-pagination ul li span {
	border-radius: 9999px;
	min-width: 2.5rem;
	text-align: center;
}

@media (max-width: 767.98px) {
	.eureka-wc-hub-toolbar {
		flex-direction: column;
		align-items: stretch !important;
		gap: 0.75rem;
	}

	.eureka-wc-hub-ordering select.orderby {
		width: 100%;
		min-width: 0;
	}

	.eureka-wc-hub-hero .row {
		text-align: center;
	}
}