.wp-block-ifj-home-slider-slider.ifj-home-slider {
	padding-block: clamp(1.5rem, 3vw, 3rem);
	color: var(--ifj-blanc);
	background: var(--ifj-bleu);
}

.ifj-home-slider__slides,
.ifj-home-slider__controls {
	width: min(calc(100% - (2 * var(--ifj-gutter, 1.25rem))), var(--ifj-container-content, 84rem));
	margin-inline: auto;
}

.ifj-home-slider__slide {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.95fr);
	margin-block-end: 1.5rem;
	color: var(--ifj-noir);
	background: var(--ifj-blanc);
}

.ifj-home-slider.is-enhanced .ifj-home-slider__slide { margin-block-end: 0; }
.ifj-home-slider__slide[hidden] { display: none; }
.ifj-home-slider__media { position: relative; min-inline-size: 0; min-block-size: 0; overflow: hidden; background: var(--ifj-ecume); }
.ifj-home-slider__media img { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; margin: 0; object-fit: cover; object-position: var(--ifj-home-slider-focal-point, 50% 50%); }
.ifj-home-slider__fallback { min-block-size: 100%; background: linear-gradient(135deg, var(--ifj-ecume) 0 50%, var(--ifj-cumulus) 50%); }
.ifj-home-slider__content { display: flex; min-inline-size: 0; flex-direction: column; justify-content: center; padding: clamp(1.75rem, 3vw, 3rem); }
.ifj-home-slider__source,
.ifj-home-slider__type,
.ifj-home-slider__topic { margin: 0; font-weight: 700; }
.ifj-home-slider__source,
.ifj-home-slider__type { font-size: var(--ifj-font-size-meta); letter-spacing: .07em; text-transform: uppercase; }
.ifj-home-slider__source { margin: 0 0 .75rem; color: var(--ifj-noir); font-weight: 700; }
.ifj-home-slider__title { max-inline-size: 24ch; margin: 0 0 1.5rem; color: #3558a2; font-size: var(--ifj-font-size-slider-title); font-style: normal; font-weight: 700; line-height: 1.12; letter-spacing: 0; hyphens: none; overflow-wrap: normal; word-break: normal; }
.wp-block-ifj-home-slider-slider .ifj-home-slider__content > .ifj-home-slider__source { margin-block: 0 .75rem; }
.wp-block-ifj-home-slider-slider .ifj-home-slider__content > .ifj-home-slider__title { margin-block: 0 1.5rem; }
.ifj-home-slider__metadata { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; margin-block-end: 1rem; }
.ifj-home-slider__type { color: var(--ifj-bleu); }
.ifj-home-slider__topic { display: inline-flex; align-items: baseline; color: var(--ifj-noir); }
.ifj-home-slider__topic::before { content: ""; align-self: stretch; margin-inline-end: 1rem; border-inline-start: 1px solid var(--ifj-ecume); }
.ifj-home-slider__cta { margin: .75rem 0 0; }
.ifj-home-slider__cta a { display: inline-flex; min-block-size: 3rem; align-items: center; padding: .65rem 1.25rem; color: var(--ifj-noir); font-weight: 700; background: var(--ifj-tournesol); border: 2px solid var(--ifj-tournesol); text-decoration: none; }
.ifj-home-slider__cta a:hover,
.ifj-home-slider__cta a:focus-visible { color: var(--ifj-blanc); background: var(--ifj-bleu); outline: 3px solid var(--ifj-noir); outline-offset: 3px; }
.ifj-home-slider__controls { display: flex; align-items: center; justify-content: flex-end; gap: .75rem; padding-block-start: 1rem; }
.ifj-home-slider__controls[hidden] { display: none; }
.ifj-home-slider__controls button { display: inline-flex; align-items: center; justify-content: center; inline-size: 3rem; block-size: 3rem; min-inline-size: 3rem; min-block-size: 3rem; padding: 0; color: var(--ifj-noir); line-height: 1; background: var(--ifj-blanc); border: 2px solid var(--ifj-blanc); }
.ifj-home-slider__controls button:focus-visible { outline: 3px solid var(--ifj-tournesol); outline-offset: 3px; }
.wp-block-ifj-home-slider-slider .ifj-home-slider__position { display: inline-flex; align-items: center; justify-content: center; align-self: stretch; min-inline-size: 4rem; margin: 0; line-height: 1.2; text-align: center; }

@media (max-width: 48rem) {
	.ifj-home-slider__slide { grid-template-columns: minmax(0, 1fr); }
	.ifj-home-slider__media { aspect-ratio: 16 / 9; }
	.ifj-home-slider__content { padding: clamp(1.5rem, 7vw, 2.5rem); }
}

@media (prefers-reduced-motion: reduce) {
	.ifj-home-slider * { scroll-behavior: auto !important; transition: none !important; }
}