/*
 * LGEZ Kurstermin: Stil der Kurskarten
 *
 * Übernommen aus dem Startseiten-Entwurf (LGEZ_Startseite_130726.html,
 * Abschnitt "course cards"), Klassen mit Präfix lgez-.
 *
 * Farben, Linien und Radien kommen über die CSS-Variablen des Gestaltungs-
 * systems (--pine, --gold, --line ...). Sind sie im Theme definiert, gelten
 * die Werte des Themes. Sonst greifen die Standardwerte in Klammern.
 * Die Schrift wird nicht gesetzt, sie kommt von der Seite.
 *
 * Plugin-CSS abschalten, wenn das Theme die Karten selbst gestaltet:
 * add_filter('lgez_kurstermin_load_css', '__return_false');
 */

.lgez-course-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}

.lgez-course-card {
	background:#fff;
	border:1px solid var(--line,#e4e6df);
	border-radius:28px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	transition:transform .32s cubic-bezier(.32,.08,.24,1),box-shadow .32s cubic-bezier(.32,.08,.24,1);
}

.lgez-course-card:hover {
	transform:translateY(-5px);
	box-shadow:0 6px 18px rgba(17,23,20,.05),0 28px 90px rgba(17,23,20,.10);
}

.lgez-course-date {
	background:linear-gradient(135deg,var(--pine,#173d31),var(--pine-2,#214f40));
	color:#fff;
	padding:22px 24px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
}

.lgez-course-date b {
	font-size:34px;
	letter-spacing:-.045em;
	line-height:1.04;
	text-transform:uppercase;
}

.lgez-course-date span {
	font-size:12px;
	color:#c3d3ca;
	text-align:right;
}

.lgez-course-body {
	padding:25px;
	display:flex;
	flex-direction:column;
	flex:1;
}

.lgez-course-title {
	font-size:24px;
	line-height:1.1;
	color:var(--pine,#173d31);
	margin:0;
}

.lgez-course-desc {
	font-size:14.5px;
	color:var(--ink-2,#3d4742);
	margin:12px 0 0;
}

.lgez-course-details {
	display:grid;
	gap:9px;
	margin-top:20px;
	font-size:13px;
	color:var(--muted,#737b77);
}

.lgez-course-detail {
	display:flex;
	gap:9px;
	align-items:flex-start;
}

.lgez-course-detail svg {
	width:16px;
	height:16px;
	flex:0 0 16px;
	color:var(--gold,#b0873d);
	margin-top:2px;
}

.lgez-course-chips {
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	margin-top:20px;
}

.lgez-chip {
	display:inline-flex;
	align-items:center;
	border-radius:999px;
	padding:6px 10px;
	background:var(--surface-3,#ecefe9);
	color:var(--ink-2,#3d4742);
	font-size:12.5px;
	font-weight:650;
}

.lgez-chip--gold {
	background:#f5ead3;
	color:#7e5d21;
}

.lgez-course-action {
	margin-top:auto;
	padding-top:24px;
}

.lgez-btn {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:12px 24px;
	border-radius:999px;
	background:var(--pine,#173d31);
	color:#fff;
	font-size:15.5px;
	font-weight:650;
	text-decoration:none;
	transition:transform .28s,background .28s;
}

.lgez-btn:hover {
	background:var(--pine-2,#214f40);
	color:#fff;
	transform:translateY(-2px);
}

@media(max-width:1080px){.lgez-course-grid{grid-template-columns:1fr 1fr}}

@media(max-width:820px){.lgez-course-grid{grid-template-columns:1fr}}