/* Cartes des prochaines formations. */

.qv-cartes {
	--qv-accent: #1976b8;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.qv-carte-formation {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 30px;
	color: inherit;
	text-decoration: none;
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-left: 4px solid var(--qv-accent);
	transition: background-color .15s, border-color .15s;
}

.qv-carte-formation:hover {
	background: #f4f9fd;
	border-color: var(--qv-accent);
	border-left-color: var(--qv-accent);
}

.qv-carte-formation__entete {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.qv-carte-formation__icone {
	display: inline-flex;
	flex: 0 0 auto;
	color: #fff;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: var(--qv-accent);
}

.qv-carte-formation__fleche {
	font-size: 15px;
	color: #d1d5db;
	transition: color .15s, transform .15s;
}

.qv-carte-formation:hover .qv-carte-formation__fleche {
	color: var(--qv-accent);
	transform: translateX(3px);
}

.qv-carte-formation__titre {
	margin-top: 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
	color: #0d1f35;
}

.qv-carte-formation__date {
	font-size: 16px;
	font-weight: 600;
	color: #0d1f35;
}

.qv-carte-formation__lieu {
	margin-top: -8px;
	font-size: 15px;
	color: #6b7280;
}

.qv-carte-formation__places {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	align-self: flex-start;
	margin-top: 2px;
	padding: 5px 11px;
	font-size: 12px;
	font-weight: 600;
	color: #15803d;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
}

.qv-carte-formation__places::before {
	width: 6px;
	height: 6px;
	background: #22c55e;
	border-radius: 50%;
	content: "";
}

.qv-carte-formation__attente {
	align-self: flex-start;
	margin-top: 2px;
	padding: 5px 11px;
	font-size: 12px;
	font-weight: 600;
	color: #6b7280;
	background: #f3f4f6;
	border: 1px solid #e5e7eb;
}

@media (max-width: 767px) {
	.qv-cartes {
		grid-template-columns: 1fr !important;
	}
}