/*
 * Ephrem Projects Carousel
 * Cartes projet : image + titre + secteur.
 * Couleurs : variables --ep-color-* injectées par ColorSchemeOptions.
 */

.ep-project-carousel .item {
	padding: 0 12px;
}

.ep-project-card {
	display: block;
	background: var(--ep-color-background, #ffffff);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.ep-project-card:hover,
.ep-project-card:focus {
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
	transform: translateY(-3px);
	text-decoration: none;
}

.ep-project-card-image {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.ep-project-card-image--empty {
	background: var(--ep-color-section-bg, #f0f1f2);
}

.ep-project-card-body {
	display: block;
	padding: 16px 18px 18px;
}

.ep-project-card-title {
	display: block;
	color: var(--ep-color-dark, #0b0f28);
	font-weight: 600;
	line-height: 1.3;
}

.ep-project-card-industry {
	display: block;
	color: var(--ep-color-text-light, #666666);
	font-size: 0.8em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-top: 4px;
}

.ep-project-card:hover .ep-project-card-title {
	color: var(--ep-color-primary, #3498db);
}