/**
 * Terminarz kursów — /sklep/terminarz/
 */

.eureka-terminarz-filter-btn {
	border: 1px solid var(--eureka-border, hsl(230, 20%, 92%));
	background: #fff;
	color: var(--bs-body-color);
	transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.eureka-terminarz-filter-btn:hover {
	background: var(--bs-secondary-bg);
	color: var(--eureka-primary);
}

.eureka-terminarz-filter-btn.is-active {
	border-color: transparent;
	/* poprzednio: #e91e8c, #c2185b */
	background: var(--eureka-gradient-primary);
	color: #fff;
	/* poprzednio: rgb(233 30 140 / 0.35) */
	box-shadow: 0 4px 20px rgb(184 15 53 / 0.35);
}

.eureka-terminarz-month-title {
	font-size: clamp(1.25rem, 2.5vw, 1.75rem);
	letter-spacing: 0.06em;
}

.eureka-terminarz-card {
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.eureka-terminarz-card:hover {
	box-shadow: 0 12px 40px rgb(0 0 0 / 0.08) !important;
}

.eureka-terminarz-day {
	font-size: clamp(2.5rem, 5vw, 3.25rem);
}

.eureka-terminarz-format-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.25rem 0.75rem;
	border-radius: 9999px;
	font-size: 0.75rem;
	font-weight: 700;
}

.eureka-terminarz-format-badge--stacjonarne {
	background: rgb(16 185 129 / 0.12);
	color: #047857;
}

.eureka-terminarz-format-badge--online {
	background: rgb(59 130 246 / 0.12);
	color: #1d4ed8;
}

.eureka-terminarz-format-badge--hybryda {
	background: rgb(139 92 246 / 0.12);
	color: #6d28d9;
}

.eureka-terminarz-progress .progress-bar:not(.bg-warning) {
	/* poprzednio: #e91e8c, #c2185b */
	background: var(--eureka-gradient-primary) !important;
}

.eureka-terminarz-month.is-hidden,
.eureka-terminarz-card.is-hidden {
	display: none !important;
}

@media (max-width: 767.98px) {
	.eureka-terminarz-filters .container-eureka {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 0.25rem;
	}

	.eureka-terminarz-filter-btn {
		flex-shrink: 0;
		white-space: nowrap;
	}

	.eureka-terminarz-card .row {
		row-gap: 0.75rem;
	}

	.eureka-terminarz-card .col-md-auto.text-md-end {
		text-align: start !important;
	}
}