/********************************************************/
/*
/*      actualites CSS
/*
/********************************************************/
:not(.wp-block-cke-actualites) > .wp-block-cke-actualites {
	max-width: var(--wp--style--global--wide-size) !important;
}

.wp-block-cke-actualites.has-background {
	position: relative;
	width: calc(min(var(--wp--custom--full-size), var(--wp--custom--viewport-width)) - 3rem) !important;
	max-width: unset !important;
	padding-block: var(--wp--preset--spacing--4);
	padding-inline: calc((min(var(--wp--custom--full-size), var(--wp--custom--viewport-width)) - 3rem - var(--wp--style--global--wide-size)) / 2);
	border-radius: 1.5rem;
	box-sizing: border-box;
}

.wp-block-cke-actualites.has-background::before,
.wp-block-cke-actualites.has-background::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 1.5rem;
}

.wp-block-cke-actualites.has-background::before {
	opacity: .3;
	background: repeating-conic-gradient(#0000 0.000025%, #000000 0.00025%);
	mix-blend-mode: overlay;
}

.wp-block-cke-actualites.has-background::after {
	opacity: .3;
	background: var(--wp--preset--color--dark-green);
}

.wp-block-cke-actualites .acf-innerblocks-container > * {
	margin-block: 0;
}

.wp-block-cke-actualites > * {
	position: relative;
	z-index: 1;
}

.wp-block-cke-actualites .actualite-items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 1fr;
	gap: var(--wp--preset--spacing--2);	
}

.wp-block-cke-actualites .actualite-item {
	display: grid;
	grid-template-rows: .75fr 1fr;
	gap: .75rem;
	padding: .75rem;
	border-radius: 1rem;
	box-shadow: 5px 5px 15px 2px rgba(0, 0, 0, .2);
	box-sizing: border-box;
}

.wp-block-cke-actualites .actualite-item:not(:has(.actualite-thumbnail)) {
	grid-template-rows: 1fr;
}

.wp-block-cke-actualites .actualite-item,
.wp-block-cke-actualites .actualite-item .actualite-info {
	background-color: var(--wp--custom--default-color--bg);
}

.wp-block-cke-actualites .actualite-item :is(.actualite-thumbnail, .actualite-info) {
	height: 100%;
	min-height: 100%;
	border-radius: .5rem;
	box-sizing: border-box;
}

.wp-block-cke-actualites .actualite-item .actualite-thumbnail {
	grid-row: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 7px 7px 10px 3px rgba(0, 0, 0, .1);
}

.wp-block-cke-actualites .actualite-item .actualite-info {
	grid-row: 2;
	display: flex;
	flex-direction: column;
	padding: 1rem 1.5rem 1.5rem;
	box-shadow: 3px 3px 15px 5px rgba(0, 0, 0, .1);
}

.wp-block-cke-actualites .actualite-item .actualite-info:only-child {
	grid-row: 1 / span 2;
}

.wp-block-cke-actualites .actualite-item .actualite-info > * {
	color: var(--wp--custom--default-color--text);
	margin-block: 0;
}

.wp-block-cke-actualites .actualite-item .actualite-info > .actualite-title {
	max-width: 80%;
	margin-block: .5rem;
} 

.wp-block-cke-actualites .actualite-item .actualite-info > .actualite-excerpt {
	margin-block: 1.5rem;
}

.wp-block-cke-actualites .actualite-item .actualite-info > .wp-block-buttons {
	margin-block-start: auto;
}

.wp-block-cke-actualites .actualite-items ~ .wp-block-buttons {
	width: max-content;
	margin-block-start: var(--wp--preset--spacing--3);
	margin-inline: auto;
}

/* Slider layout */
.wp-block-cke-actualites[data-layout="slider"] .actualite-items {
	--slide: 0;
	--gap: var(--wp--preset--spacing--2);
	--item-count: 1;
	--items-per-slide: 1;
	--items-visible-at-once: 2;
	--item-width: 0px;
	
	display: flex;
	flex-direction: row !important;
	flex-wrap: nowrap;
	gap: var(--gap);
	translate: calc( ((var(--item-width) + var(--gap)) * var(--items-per-slide)) * (var(--slide) * -1) );
	transition: translate .3s;
}

.wp-block-cke-actualites[data-layout="slider"] .actualite-item {
	min-width: calc((100% - (var(--gap) * (var(--items-visible-at-once) - 1))) / var(--items-visible-at-once));
	max-width: calc((100% - (var(--gap) * (var(--items-visible-at-once) - 1))) / var(--items-visible-at-once));
	/* height: max-content; */
}

.wp-block-cke-actualites[data-layout="slider"] .controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--wp--preset--spacing--2);
}

.wp-block-cke-actualites[data-layout="slider"] .controls .wp-block-button__link {
	width: 2.25rem;
	height: 2.25rem;
	border: none;
}

.wp-block-cke-actualites[data-layout="slider"] .controls .wp-block-button__link::before,
.wp-block-cke-actualites[data-layout="slider"] .controls .wp-block-button__link::after {
	display: flex;
	right: 0;
	height: 100%;
	scale: 1.05;
}

.wp-block-cke-actualites[data-layout="slider"] .controls .wp-block-button__link[rel="prev"]::before,
.wp-block-cke-actualites[data-layout="slider"] .controls .wp-block-button__link[rel="prev"]::after {
	rotate: 180deg;
}

.wp-block-cke-actualites[data-layout="slider"].has-background .controls .wp-block-button__link:hover,
.wp-block-cke-actualites.has-background > [data-layout="slider"] .controls .wp-block-button__link:hover {
	background-color: var(--wp--custom--default-color--focus);
}

.wp-block-cke-actualites[data-layout="slider"].has-background .controls .wp-block-button__link::before,
.wp-block-cke-actualites[data-layout="slider"].has-background .controls + .wp-block-buttons .wp-block-button__link::before,
.wp-block-cke-actualites.has-background > [data-layout="slider"] .controls .wp-block-button__link::before,
.wp-block-cke-actualites.has-background > [data-layout="slider"] .controls + .wp-block-buttons .wp-block-button__link::before {
	filter: var(--wp--custom--filter--lime-green);
}

.wp-block-cke-actualites[data-layout="slider"].has-background .controls .wp-block-button__link::after,
.wp-block-cke-actualites[data-layout="slider"].has-background .controls + .wp-block-buttons .wp-block-button__link::after,
.wp-block-cke-actualites.has-background > [data-layout="slider"] .controls .wp-block-button__link::after,
.wp-block-cke-actualites.has-background > [data-layout="slider"] .controls + .wp-block-buttons .wp-block-button__link::after {
	filter: var(--wp--custom--filter--dark-green);
}

.wp-block-cke-actualites[data-layout="slider"].has-background .controls + .wp-block-buttons .wp-block-button__link,
.wp-block-cke-actualites.has-background > [data-layout="slider"] .controls + .wp-block-buttons .wp-block-button__link {
	color: var(--wp--custom--default-color--focus);
	border-color: var(--wp--custom--default-color--focus);
}

.wp-block-cke-actualites[data-layout="slider"].has-background .controls + .wp-block-buttons .wp-block-button__link:hover,
.wp-block-cke-actualites.has-background > [data-layout="slider"] .controls + .wp-block-buttons .wp-block-button__link:hover {
	color: var(--wp--custom--default-color--text);
	border-color: var(--wp--custom--default-color--focus);
	background-color: var(--wp--custom--default-color--focus);
}

/* Backend specific style */
.wp-block-cke-actualites.has-background.acf-block-component {
	max-width: 100% !important;
	padding-inline: var(--wp--custom--outer-pad);
}

.wp-block-cke-actualites.has-background.acf-block-component > .wp-block-cke-actualites {
	width: 100% !important;
}

@media screen and (min-width: 751px) {
	.wp-block-cke-actualites[data-layout="slider"]:has(.actualite-item:nth-child(-n+2):last-child) .controls { display: none; }
}

@media screen and (max-width: 1568px) {
	:not(.wp-block-cke-actualites) > .wp-block-cke-actualites:not(.has-background),
	.wp-block-cke-actualites.has-background > * { max-width: calc(var(--wp--custom--viewport-width) - (var(--wp--custom--outer-pad) * 2)) !important; margin-inline: auto; }
}

@media screen and (max-width: 850px) {
	.wp-block-cke-actualites.has-background { width: calc(min(var(--wp--custom--full-size), var(--wp--custom--viewport-width)) - 1.5rem) !important; }
	.wp-block-cke-actualites .actualite-items,
	.wp-block-cke-actualites[data-layout="slider"] .actualite-item { display: flex; flex-direction: column; }
	.wp-block-cke-actualites .actualite-item { height: max-content; min-height: unset; }
	.wp-block-cke-actualites .actualite-item .actualite-info { padding: 1rem 1rem 1.5rem; }
	.wp-block-cke-actualites[data-layout="slider"] .actualite-item .actualite-thumbnail { height: auto; aspect-ratio: 3/2; }
}

@media screen and (max-width: 750px) {
	.wp-block-cke-actualites[data-layout="slider"] .actualite-items { --items-visible-at-once: 1; }
	.wp-block-cke-actualites[data-layout="slider"] .actualite-item .actualite-thumbnail { height: auto; aspect-ratio: 5/2; }
	.wp-block-cke-actualites[data-layout="slider"]:has(.actualite-item:only-child) .controls { display: none; }
}

@media screen and (max-width: 500px) {
	.wp-block-cke-actualites.has-background { width: var(--wp--custom--viewport-width) !important; }
	.wp-block-cke-actualites.has-background,
	.wp-block-cke-actualites.has-background::before,
	.wp-block-cke-actualites.has-background::after { border-radius: unset !important; }
}