/* Moissons - Documents (liste) */

.moissons-documents--empty {
	padding: 1rem 1.25rem;
	border: 1px dashed rgba(0, 0, 0, 0.25);
	border-radius: 0.75rem;
	background: rgba(0, 0, 0, 0.03);
}

.moissons-documents {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.moissons-document-row {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	padding: 1.75rem 2rem;
	border-radius: var(--bradius);
	background: var(--light);
	text-decoration: none !important;
	color: inherit;
	transition: background-color 0.5s ease, transform 0.6s ease;
}

.moissons-document-row:hover {
	background: var(--green);
}

.moissons-document-row__title {
	font-weight: 600;
}

.moissons-document-row__action {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
}

.moissons-document-row__download {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--global-palette4);
}

.moissons-document-row__icon {
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: var(--green);
	color: #fff;
	display: grid;
	place-items: center;
	flex: 0 0 auto;
}

.moissons-document-row__icon::before {
	content: '';
	width: 18px;
	height: 18px;
	background-color: currentColor;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.831 20.164'%3E%3Cg transform='translate(-3.25 -1.25)'%3E%3Cpath d='M13.165,2h-7.5A1.666,1.666,0,0,0,4,3.666V17a1.666,1.666,0,0,0,1.666,1.666h10A1.666,1.666,0,0,0,17.331,17V6.166Z' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M14,2V5.333A1.666,1.666,0,0,0,15.666,7H19' transform='translate(-1.668)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M12,17V12' transform='translate(-1.334 -1.668)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M9,15l2.5,2.5L14,15' transform='translate(-0.834 -2.168)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 18px 18px;
}

.moissons-document-row:hover .moissons-document-row__title,
.moissons-document-row:hover .moissons-document-row__download {
	color: #fff;
}

.moissons-document-row:hover .moissons-document-row__icon {
	background: #fff;
	color: #000;
}

@media (min-width: 992px) {
	.moissons-document-row {
		flex-direction: row;
		align-items: center;
	}
	.moissons-document-row__title {
		width: 70%;
	}
	.moissons-document-row__action {
		width: 30%;
		justify-content: flex-end;
	}
}

.moissons-document-row--missing {
	border: 1px dashed rgba(0, 0, 0, 0.2);
}