// ============================================================================
// :: Infofiche
// ============================================================================
.m-infofiche {
	position: relative;

	@include respond-to($screen-medium-base) {
		overflow: hidden;
	}
}

// ============================================================================
// :: Elements
// ============================================================================
.m-infofiche__visual {
	@include respond-to($screen-small-base) {
		position: absolute;

		top: 0;
		right: -4rem;

		width: 20rem;
		height: auto;
		overflow: visible;
	}
}

.m-infofiche__visual-image {
	height: auto;

	@include respond-at($screen-small-base) {
		margin-top: 7rem;
	}
}

.m-infofiche__header {
	margin-bottom: 4.5rem;
}

.m-infofiche__meta {
	font-family: $font-family-roboto;
	font-size: $font-size-2x-small;
	font-weight: $font-weight-bold;
	line-height: $line-height;
	text-transform: uppercase;

	color: $text-color-primary;
}

.m-infofiche__content-item {
	margin-bottom: 4rem;

	&:last-child {
		margin-bottom: 0;
	}
}

.m-infofiche__subtitle {
	position: relative;

	display: inline-block;
	margin-bottom: 2rem;

	font-family: $font-family-beausans;
	font-size: $font-size;
	font-weight: $font-weight-semibold;
	line-height: $line-height-1x-large;

	&::before {
		content: "";

		position: absolute;
		left: 0;
		bottom: -0.3rem;

		width: 100%;
		height: 0.1rem;

		background-color: $background-color-grey-extra-dark;
	}
}

.m-infofiche__table {
	width: 100%;

	border-collapse: collapse;

	td,
	.m-infofiche__table-data {
		padding: 1rem 1rem 1rem 1.5rem;

		font-family: $font-family-roboto;
		font-size: $font-size-1x-small;
		font-weight: $font-weight-normal;
		line-height: $line-height-1x-large;

		border: $border-default;

		&:first-child {
			width: 35%;

			font-weight: $font-weight-bold;
		}
	}
}