/********************************************************/
/*
/*      Blocks CSS
/*
/********************************************************/
.wp-block-media-text {
	gap:  2rem;
	
	& .wp-block-media-text__content {
		padding-inline: 0;
		
	}
	@media (width <= 780px) {
		
		&.is-stacked-on-mobile {
			
			grid-template-columns: 100% !important;
			
			& > .wp-block-media-text__media {
				grid-column: 1;
				grid-row: 1;
			}
			
			& > .wp-block-media-text__content {
				grid-column: 1;
				grid-row: 2;
			}
		}
	}
}


.wp-block-group {
	&.is-layout-grid {
		gap : 2rem
	}
}


.wp-block-epico-dynamic-year-block {
	
	& p {
		margin: 0;
		line-height: 1;
	}
	& a {
		text-decoration: none;
	}
	
	& a:hover  {
		text-decoration: underline;
	}
}

.home-banner  {
	padding: 0!important;
	align-items: flex-end;
}

.page-banner  {
	margin-block-end: 2rem!important;
	/*
	.wp-block-media-text__media{ 
		aspect-ratio: 4/2
	}
	*/
	
	@media (width <= 780px) {
		gap :0;
	}
	
	.wp-block-media-text__content  {
		
		display: grid;
		grid-template-rows: 1fr auto;
		
		.title  {
			align-self: center;
			padding-block: 1rem;
		}
	}
}

.banner-meta {
	--circle : clamp(2rem, 24cqi, 6rem);
	--border : clamp(2px, 2cqi, 8px);
	
	container-type: inline-size;
	display: flex;

	> div {
		margin: 0!important;
		display: flex;
		align-items: center;
		justify-content: center;
		border: var(--border) solid var(--wp--preset--color--noir);
		height: var(--circle);
		box-sizing: border-box;
		white-space: nowrap;
	}

	> div:is(.callsign) {
		font-size:  calc((var(--circle) / 3) * 2);
		border-radius: calc(var(--circle) * 0.5);
		padding: 0 2rem;
	}
	
	> div:not(.callsign) {
		border-radius: 50%;
		aspect-ratio: 1;
		
		&:is(.arrow) svg {
			fill: var(--wp--preset--color--noir);
		}
		
		&:is(.page-icn) svg  {
			fill: var(--wp--preset--color--orange);
		}
	}

	
}

.frais  {
	
	.frais-grid  {
		column-gap: 4rem;
		grid-template-columns: 1fr 24rem 24rem;
		max-width: 1280px;
		
		@media (width <= 1080px) {
			grid-template-columns: 1fr 1fr;
		}
		
		@media (width <= 1080px) {	
			grid-template-columns: 1fr ;
	}
	
	.frais-logo  {
		width: 100%;
		height:100%;
		position: relative;
		img {
			position: absolute;
			display: block;
			width: 100%!important;
			height: 100%!important;
	
			object-fit: contain;
			object-position: bottom left;
		}
		
		@media (width <= 1080px) {
			display: none;
		}
	}
	
	.frais-title  {
		display: flex;
		gap : 0.25rem;
		& > p {
			display: inline-block;
		}
		
		&::after  {
			position: relative;
			content: '';
			display: block;
			flex-grow: 2;
			border-bottom: 1px solid #fff;
			translate: 0 -4px;
		}
	}
	.frais-desc {
		line-height: 1;
		position: relative;
		padding-right: 0.5rem;
		&::after {
			width: 0.5rem;
			position: absolute;
			top: 2px;
			bottom: 2px;
			right:0;
			display: block;
			content: '';
			border-right: 1px solid;
		}
	}
	
	
		.frais-logo {
			figure  {}
		}
		.frais-services {
			.frais-title {}
			.frais-ctn {
				.frais-item {
					.frais-desc {}
					.frais-price {}
				}
			}
		}
		.frais-caburant {
			.frais-title {}
			.frais-ctn
		}
	}
}