/* ==========================================================================
   Course / Bundle archive overview – page + card shell
   The card design itself lives in course-card.css (shared with the
   `medidoceo/course-card` block). This file only styles the archive page and the
   Tutor `.tutor-card` wrapper that hosts the card here.
   ========================================================================== */

/* Hide Blocksy's archive title hero ("Archiv Kurse") on the course/bundle overview. */
body.medidoceo-course-overview .hero-section {
	display: none;
}

/* --- Page background --- */
body.post-type-archive-courses main {
	background-color: var(--md-overview-bg);
    padding-top: max(7vh, 48px);
}

body.post-type-archive-courses .course-archive-page {
	padding-top: 8px;
	padding-bottom: 48px;
}

/* --- Grid / card shell --- */
body.post-type-archive-courses .tutor-course-list {
	gap: 24px;
}

body.post-type-archive-courses .tutor-course-list .tutor-card.tutor-course-card {
	background: var(--md-card-bg);
	border: 2px solid var(--md-card-border);
	border-radius: 20px;
	overflow: visible;
	box-shadow: var(--md-card-shadow);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.post-type-archive-courses .tutor-course-list .tutor-card.tutor-course-card:hover {
	border-color: var(--md-card-border-hover);
	box-shadow: var(--md-card-shadow-hover);
	transform: translateY(-2px);
}

/* Inherit the card radius onto the inner content so the stretch link clips. */
body.post-type-archive-courses .tutor-course-list .tutor-card.tutor-course-card .md-course-card {
	border-radius: inherit;
}

/* Hover the whole card (not just keyboard focus) reveals the CTA emphasis. */
body.post-type-archive-courses .tutor-course-list .tutor-card.tutor-course-card:hover .md-course-card__btn {
	border-color: var(--md-card-accent);
	color: var(--md-card-accent-hover);
	background: color-mix(in srgb, var(--theme-palette-color-6, #f3efeb) 55%, var(--md-card-bg));
}

/* Sort dropdown alignment on beige background */
body.post-type-archive-courses .tutor-course-filter select.tutor-form-select {
	border-radius: 10px;
	border-color: var(--md-card-btn-border);
	background-color: var(--md-card-bg);
}

/* ==========================================================================
   Bundle card – inverted highlight shell (archive wrapper)
   ========================================================================== */
body.post-type-archive-courses .tutor-course-list .tutor-card.tutor-course-card:has(.md-course-card--bundle) {
	background: var(--md-card-accent);
	border-color: var(--md-card-accent);
	box-shadow: 0 4px 20px color-mix(in srgb, var(--md-card-accent) 28%, transparent);
}

body.post-type-archive-courses .tutor-course-list .tutor-card.tutor-course-card:has(.md-course-card--bundle):hover {
	border-color: color-mix(in srgb, var(--theme-palette-color-8, #ffffff) 35%, var(--md-card-accent));
	box-shadow: 0 10px 32px color-mix(in srgb, var(--md-card-accent) 38%, transparent);
}

body.post-type-archive-courses .tutor-course-list .tutor-card.tutor-course-card:has(.md-course-card--bundle):hover .md-course-card__btn {
	border-color: var(--theme-palette-color-8, #ffffff);
	color: var(--theme-palette-color-8, #ffffff);
	background: color-mix(in srgb, var(--theme-palette-color-8, #ffffff) 12%, transparent);
}