/*
 * actus.css — section « Actus » (composition de blocs core).
 * Pas un bloc custom (markup natif / pattern), donc stylé via une feuille dédiée.
 */

.actus {
	padding-inline: var(--wp--preset--spacing--60);
}

.actus__title {
	margin: 0;
}

.actus__grid {
	margin-top: var(--wp--preset--spacing--60);
	gap: var(--wp--preset--spacing--50);
}

/* Colonne « à la une » */
.actus__featured .wp-block-query,
.actus__list .wp-block-query {
	margin: 0;
}

.actus__featured-tpl {
	list-style: none;
	margin: 0;
	padding: 0;
}

.actus__featured-tpl > li {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
}

.actus__featured .wp-block-post-featured-image {
	margin: 0;
}

.actus__featured .wp-block-post-featured-image img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	background-color: var(--wp--preset--color--surface);
}

/* Colonne liste */
.actus__list .wp-block-query {
	border-top: 1px solid var(--wp--preset--color--line);
}

.actus__list-tpl {
	list-style: none;
	margin: 0;
	padding: 0;
}

.actus__list-tpl > li {
	margin: 0;
}

.actus__item {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	gap: var(--wp--preset--spacing--50);
	align-items: start;
	padding: var(--wp--preset--spacing--50) 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.actus__item .wp-block-post-featured-image {
	margin: 0;
}

.actus__item .wp-block-post-featured-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background-color: var(--wp--preset--color--surface);
}

.actus__item-body {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
}

.actus__item-title {
	margin: 0;
	font-size: 1.75rem;
	line-height: 1.1;
}

/* Méta commune (catégorie — date) */
.actus__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.5em;
}

.actus__meta .wp-block-post-terms,
.actus__meta .wp-block-post-date {
	margin: 0;
}

.actus__meta .wp-block-post-date::before {
	content: "— ";
}

@media (max-width: 782px) {
	.actus__item {
		grid-template-columns: 100px minmax(0, 1fr);
	}
}

/* ─── Hover & transitions ────────────────────────────────────────────────── */

/* Le zoom reste contenu dans le cadre de l'image */
.actus .wp-block-post-featured-image {
	overflow: hidden;
}

.actus .wp-block-post-featured-image img {
	transition: transform 600ms cubic-bezier(0.2, 0.8, 0.2, 1), filter 300ms ease;
}

/* Survol de la carte (à la une ou item de liste) → zoom + léger éclaircissement */
.actus__featured-tpl > li:hover .wp-block-post-featured-image img,
.actus__item:hover .wp-block-post-featured-image img {
	transform: scale(1.05);
	filter: brightness(1.05);
}

/* Titres : léger fondu au survol pour l'affordance */
.actus__featured .wp-block-post-title a,
.actus__item-title a {
	transition: opacity 200ms ease;
}

.actus__featured-tpl > li:hover .wp-block-post-title a,
.actus__item:hover .actus__item-title a {
	opacity: 0.72;
}

/* Accessibilité : on coupe tout mouvement si l'utilisateur le demande */
@media (prefers-reduced-motion: reduce) {
	.actus .wp-block-post-featured-image img {
		transition: none;
	}

	.actus__featured-tpl > li:hover .wp-block-post-featured-image img,
	.actus__item:hover .wp-block-post-featured-image img {
		transform: none;
		filter: none;
	}
}