.home .section-seminars {padding: 3rem 0; background-color: var(--color-secondary);}
.home .section-seminars .sectionTitle {margin-bottom: 2rem;}

.home .section-seminars .seminarCards {display: flex; flex-direction: column; gap: 1rem;}

.home .section-seminars .seminarCard {
	display: flex; flex-direction: column;
	border-radius: .75rem; overflow: hidden;
	background-color: var(--color-secondary-lightest);
}

.home .section-seminars .seminarCard .imageWrap {position: relative;}
.home .section-seminars .seminarCard .image {height: 11rem; background-size: cover; background-position: center;}

/* Badge — top-right corner tag on mobile (image is full-width, stacked on top of the card) */
.home .section-seminars .seminarCard .badge {
	position: absolute; top: 1rem; right: 1rem;
	display: flex; flex-direction: column; align-items: center; gap: .15rem;
	padding: .6rem .9rem; border-radius: .4rem;
	background-color: var(--color-primary); font-size: .8rem; font-weight: 700; color: #fff; text-align: center; white-space: nowrap;
}

.home .section-seminars .seminarCard .body {padding: 1.25rem 1.5rem; text-align: right;}
.home .section-seminars .seminarCard .name {font-size: 1.15rem; font-weight: 700; color: var(--color-primary);}
.home .section-seminars .seminarCard .description {margin-top: .6rem; line-height: 1.7; font-size: .85rem; color: var(--color-primary-light);}
.home .section-seminars .seminarCard .more {display: inline-block; margin-top: 1rem; text-decoration: underline; font-size: .85rem; color: var(--color-primary);}
.home .section-seminars .seminarCard .more:hover {color: var(--color-accent);}

/* Arrow — decorative chevron next to the text on desktop rows; skipped on the stacked mobile layout */
.home .section-seminars .seminarCard .arrow {display: none;}

.home .section-seminars .mButton.accent {display: flex; width: fit-content; margin-top: 2rem; margin-inline-start: auto;}

@media screen and (min-width: 40em) {
	.home .section-seminars {padding: 5rem 0;}

	.home .section-seminars .seminarCard {flex-direction: row; align-items: stretch;}

	.home .section-seminars .seminarCard .imageWrap {flex: 0 0 16rem;}
	.home .section-seminars .seminarCard .image {height: 100%;}

	/* Badge moves to the image's own left edge, straddling image and body — matches the design */
	.home .section-seminars .seminarCard .badge {
		top: 50%; right: auto; left: -2.5rem; transform: translateY(-50%);
		padding: .9rem 1.4rem;
	}

	/* Extra inline-start (= right, next to the image) padding reserves room for the badge so the text never runs under it */
	.home .section-seminars .seminarCard .body {flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 1.5rem 2rem; padding-inline-start: 5rem;}
	.home .section-seminars .seminarCard .name {font-size: 1.3rem;}

	.home .section-seminars .seminarCard .arrow {
		display: flex; align-items: center; justify-content: center;
		flex: 0 0 4rem; font-size: 1.1rem; color: var(--color-accent);
	}
}