/* Moissons - Services Block (styles alignés sur le design du bloc ACF services-block - art-ge) */

.moissons-services-block {
	--artge-text: #172540;
	--beige: #F7F2F2;
}

.moissons-services-block__inner {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 15px;
}

.moissons-services-block__placeholder {
	width: 100%;
	padding: 1rem 1.25rem;
	border: 1px dashed rgba(0, 0, 0, 0.25);
	border-radius: 0.75rem;
	background: rgba(0, 0, 0, 0.03);
	text-align: center;
}

/* Hover expand layout */
.moissons-services-block .hover-expand-container {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 20px;
}

.moissons-services-block .hover-expand {
	position: relative;
	transition: all 0.5s ease-in-out;
	width: 100%;
}

.moissons-services-block .hover-expand .imgfit {
	width: 100%;
	aspect-ratio: 3/4;
	justify-content: flex-start;
	align-items: flex-end;
}

.moissons-services-block .hover-expand .imgfit .heading-title {
	padding-right: 3.5rem;
}

.moissons-services-block .hover-expand .btn-icon,
.moissons-services-block .hover-expand .lablz {
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

.moissons-services-block .hover-expand:hover .btn-icon,
.moissons-services-block .hover-expand:hover .lablz,
.moissons-services-block .hover-expand:hover .btn-icon {
	opacity: 1;
	transform: translateX(0);
}

@media (min-width: 992px) {
	.moissons-services-block .hover-expand-container {
		flex-direction: row;
		gap: 20px;
	}

	.moissons-services-block .hover-expand {
		flex: 1;
	}

	.moissons-services-block .hover-expand:hover {
		flex: 1.5;
	}

	.moissons-services-block .hover-expand .imgfit {
		aspect-ratio: auto;
		height: 600px;
		margin-bottom: 0;
	}

	.moissons-services-block .hover-expand .imgfit .heading-title {
		padding-right: 0;
		max-width: 240px;
	}
}