.eco-files-card__container {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 3rem;
	flex-grow: .5;
	padding: 0;
}

.label--shortened {
	display: inline-block;
	width: 2ch;
	overflow: hidden;
}

.block-cpt-ressource.aligncenter .eco-files-card__container { justify-content: center }

.eco-file-card .eco-padder {
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
}

.eco-file-card {
	box-sizing: border-box;
	width: calc( 33.33% - 2rem );
	flex-grow: 0;
	flex-shrink: .5;
	border-radius: var(--radius-default);
	border: 1px solid var(--wp--custom--color--neutral--300);
	overflow: hidden;
	/* display: none; */
}

.eco-file-card.eco-card--visible {
	display: block;
}

.block-cpt-ressource .eco-file-card {
	display: block;
}

@media screen and (max-width: 1550px){
	.eco-auto-menu__main .eco-file-card {
			width: 50%;
			flex-shrink: 1;
			width: calc(50% - 1.5rem)
	}
}


.eco-file-card .wp-block-buttons {
	width: 100%;
}

.eco-file-card .wp-block-buttons .wp-block-button {
	padding: 0;
}

.eco-file-card__tags {
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 14px;
}

.eco-file-card__tag {
	padding: 4px 8px;
	margin: 4px 8px 4px 0;
	font-weight: 700;
	border-radius: 8px;
}

.eco-file-card__header {
	margin: 0;
	width: 100%;
}

.eco-file-card__header span {
	vertical-align: middle;
}

.eco-file-card__mimetype {
	background-color: var(--wp--preset--color--primary-light);
	color: var(--wp--preset--color--primary-dark);
	border-radius: .25rem;
	padding: .2rem .5rem;
	font-size: var(--wp--preset--font-size--s);
	margin-right: var(--wp--preset--spacing--30);
	text-transform: uppercase;
}

.eco-file-card form { width: 100% }


.eco-file-card__date-lang-container {
	display: flex;
	align-items: baseline;
	margin-bottom: var(--wp--preset--spacing--40);
}

.eco-file-card__name-title {
	width: 100%;
	margin-bottom: var(--wp--preset--spacing--40);
	font-size: 1rem;
	font-weight: 800;
}

.eco-file-card__name-title a {
	color: var(--wp--custom--color--neutral--600);
	word-break: normal;
}

.eco-file-card__infos {
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	align-items: end;
	color: var(--wp--preset--color--contrast-light);
}

.eco-file-card__info {
	display: flex;
	flex-wrap: nowrap;
	font-size: var(--wp--preset--font-size--s);
	margin-top: 0;
}

.eco-file-card__info + .eco-file-card__info::before {
 	content: "|";
	margin: 0 5px;
}

.eco-file-card__info--type {
	text-transform: uppercase;
}

.eco-file-card__select {
	color: var(--wp--preset--color--contrast);
	appearance: none;
	background-color: white;
	border: 1px solid var(--wp--preset--color--neutral-300);
	border-radius: calc(.5 * var(--radius-default));
	font-size: var(--wp--preset--font-size--s);
	font-family: var(--wp--preset--front-families--mont);
	width: 100%;
	padding: 1rem;

	background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.91083 6.91058C5.23626 6.58514 5.7639 6.58514 6.08934 6.91058L10.5001 11.3213L14.9108 6.91058C15.2363 6.58514 15.7639 6.58514 16.0893 6.91058C16.4148 7.23602 16.4148 7.76366 16.0893 8.08909L11.0893 13.0891C10.7639 13.4145 10.2363 13.4145 9.91083 13.0891L4.91083 8.08909C4.58539 7.76366 4.58539 7.23602 4.91083 6.91058Z' fill='%232A2C2B'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: right .5rem center;

}

.eco-file-card__option{
	color: var(--wp--preset--color--contrast)!important;
}

.eco-files__none {
	display: block;
	border-bottom: 1px solid var(--wp--preset--color--neutral-300);
	width: 100%;
	text-align: center;
	padding-bottom: var(--wp--preset--spacing--40);
}

.eco-file-card + .eco-files__none {
	display: none;
}

.eco-file-card__selec--empty {
	opacity: 0;
}

.eco-file__dl-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: auto;
}

.eco-file__dl-button {
	display: flex;
	margin-right: 1rem;
	border: none;
	font-family: var(--wp--preset--front-families--mont);
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: .5rem;
}

.eco-file__dl-button:hover {
	cursor: pointer;
	text-decoration: none;
}

.eco-card a.eco-file__dl-button {
	text-decoration: underline !important;
}

.eco-file__dl-button--view {
	display: flex;
	align-items: center;
}

.eco-file__dl-button--view::after {
	content: '';
	height: 30px;
	width: 1px;
	margin-left: 1rem;
	background-color: var(--wp--preset--color--neutral-300);
}

.eco-file__dl-button--view svg {
	stroke: var(--wp--preset--color--primary);
}

.eco-file-card__link {
	font-weight: 600!important;
	font-size: var(--wp--preset--font-size--s)!important;
}

.eco-file-card__link::before {
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15.3332H4.5C3.4 15.3332 2.5 14.4332 2.5 13.3332V2.6665C2.5 1.5665 3.4 0.666504 4.5 0.666504H10.1667C10.3467 0.666504 10.5133 0.739837 10.64 0.859837L14.3067 4.5265C14.4333 4.65317 14.5 4.81984 14.5 4.99984V13.3332C14.5 14.4332 13.6 15.3332 12.5 15.3332ZM4.5 1.99984C4.13333 1.99984 3.83333 2.29984 3.83333 2.6665V13.3332C3.83333 13.6998 4.13333 13.9998 4.5 13.9998H12.5C12.8667 13.9998 13.1667 13.6998 13.1667 13.3332V5.27317L9.89333 1.99984H4.5Z' fill='%230F695F'/%3E%3Cpath d='M13.8307 5.99984H9.83073C9.46406 5.99984 9.16406 5.69984 9.16406 5.33317V1.33317C9.16406 0.966504 9.46406 0.666504 9.83073 0.666504C10.1974 0.666504 10.4974 0.966504 10.4974 1.33317V4.6665H13.8307C14.1974 4.6665 14.4974 4.9665 14.4974 5.33317C14.4974 5.69984 14.1974 5.99984 13.8307 5.99984Z' fill='%230F695F'/%3E%3Cpath d='M8.5026 12.6668C8.13594 12.6668 7.83594 12.3668 7.83594 12.0002V8.00016C7.83594 7.6335 8.13594 7.3335 8.5026 7.3335C8.86927 7.3335 9.16927 7.6335 9.16927 8.00016V12.0002C9.16927 12.3668 8.86927 12.6668 8.5026 12.6668Z' fill='%230F695F'/%3E%3Cpath d='M8.49646 12.6667C8.32313 12.6667 8.15646 12.6 8.02313 12.4734L6.02312 10.4734C5.76313 10.2134 5.76313 9.79338 6.02312 9.53338C6.28312 9.27338 6.70312 9.27338 6.96312 9.53338L8.48979 11.06L10.0165 9.53338C10.2765 9.27338 10.6965 9.27338 10.9565 9.53338C11.2165 9.79338 11.2165 10.2134 10.9565 10.4734L8.95646 12.4734C8.82312 12.6067 8.65646 12.6667 8.48312 12.6667H8.49646Z' fill='%230F695F'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 24px;
	width: 24px;
	margin-right: 5px;
	vertical-align: middle;
}

.eco-file-card__link::after {
	content: none !important;
}

.eco-ressource-preview iframe {
	width: 100%;
	height: 95vh;
	border: none;
	display: block;
}

.eco-fetch-sorting__button-load-more--ressources .wp-block-button__link {
	display: flex;
	align-items: center;
	width: fit-content;
	padding: 12px 2rem !important;
	font-size: 14px;
	border: 1px solid !important;
}

@media screen and (max-width: 1080px){
	.eco-ressource-preview iframe {
		display: none;
	}

	.eco-file-card {
		width: 50%;
		flex-shrink: 1;
		width: calc(50% - 1.5rem)
	}
}

@media screen and (max-width: 782px){

	.eco-fetch-sorting__root--ressources {
		max-width: 90% !important;
	}

	.eco-file-card__name {
		min-height: 0;
		margin-bottom: var(--wp--preset--spacing--40);
	}
	.eco-file-card {
		width: calc(100% - 2rem);
		margin-left: 1rem;
		margin-right: 1rem;
	}

}