/**
 * Partenariat card component.
 *
 * Based on ressource-card, with typed color variants per audience.
 */

.cmc-partenariat-card {
	--cmc-card-color: var(--wp--preset--color--primary);
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: var(--wp--preset--color--white);
	border: 2px solid var(--wp--preset--color--gray);
	border-radius: 16px;
	padding: var(--wp--preset--spacing--40);
	gap: 1rem;
}

/* Type color variants */
.cmc-partenariat-card--famille {
	--cmc-card-color: var(--wp--preset--color--secondary);
}

.cmc-partenariat-card--entreprise {
	--cmc-card-color: var(--wp--preset--color--tertiary);
}

.cmc-partenariat-card--creche {
	--cmc-card-color: var(--wp--preset--color--accent);
}

.cmc-partenariat-card .wp-block-post-featured-image {
	margin: 0;
	border-radius: 0;
	overflow: hidden;
}

.cmc-partenariat-card .wp-block-post-featured-image img {
	display: block;
	max-width: 100%;
	height: auto;
}

.cmc-partenariat-card__name {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 700;
	font-size: 1.25rem;
	color: var(--wp--preset--color-grey, #5c6366);
}

.cmc-partenariat-card .wp-block-post-title {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 700;
	margin: 0;
	color: var(--cmc-section-color, var(--cmc-card-color));
	font-size: 1.25rem;
}

.cmc-partenariat-card .wp-block-post-title a {
	color: inherit;
	text-decoration: none;
}

.cmc-partenariat-card .wp-block-post-excerpt {
	flex-grow: 1;
	font-size: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--wp--style--block-gap, 1rem);
	margin: 0;
}

.cmc-partenariat-card .wp-block-post-excerpt__excerpt {
	margin: 0;
}

.cmc-partenariat-card__content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	gap: 0.75rem;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) 0;
}

.cmc-partenariat-card .wp-block-post-excerpt__more-link {
	display: inline-block;
	margin-top: var(--wp--preset--spacing--20);
	padding: 0.6em 1.2em;
	background-color: var(--cmc-card-color);
	color: var(--wp--preset--color--white);
	border-radius: 60px;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 600;
	text-align: center;
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
	width: stretch;
}

.cmc-partenariat-card .wp-block-post-excerpt__more-link:hover {
	background-color: var(--cmc-card-color);
	color: var(--wp--preset--color--white);
}