/* ==========================================================================
   Accueil — Section « Actus & Événements » (fond beige-lumineux)
   ========================================================================== */

.brabois-actus {
	position: relative;
	background: var(--beige-lumineux, #f8efe8);
	overflow: hidden; /* garde l'ornement dans la section */
	margin-block-start: 0; /* pas de block-gap TT5 */
	padding: 130px 24px 90px;
}

/* Ornement « trait jaune » en haut à droite (décoratif). */
.brabois-actus__ornament {
	position: absolute;
	height: auto;
	z-index: 0;
	pointer-events: none;
	user-select: none;
}
/* en haut à droite (petit accent) */
.brabois-actus__ornament--tr {
	top: 20px;
	right: 10px;
	width: 190px;
}
/* en bas à gauche, pivoté 90° vers la droite (270° au total) et plus petit */
.brabois-actus__ornament--bl {
	bottom: 0;
	left: -20px;
	width: 240px;
	transform: rotate(270deg);
}

.brabois-actus__inner {
	position: relative;
	z-index: 1;
	max-width: 1440px;
	margin: 0 auto;
	padding-inline: max(0px, calc(50% - 720px));
}

/* --- Titre + séparateur 760px à flèches --- */
.brabois-actus__head {
	margin-bottom: 56px;
}
.brabois-actus__title {
	margin: 0 0 22px;
	color: var(--bleu-chateau, #3f5565);
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
}
.brabois-actus__rule {
	display: block;
	width: 100%;
	max-width: 760px;
	height: 12px;
}

/* --- Grille : carte principale (gauche) + 2 événements (droite) --- */
.brabois-actus__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 44px;
	align-items: start;
}

/* ---------- Carte principale ---------- */
.brabois-actus__main {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid rgba(63, 85, 101, 0.46);
	box-shadow: 0 4px 72px rgba(126, 139, 111, 0.30);
}
.brabois-actus__main-media {
	display: block;
	line-height: 0;
}
.brabois-actus__main-media img {
	display: block;
	width: 100%;
	height: 270px;
	object-fit: cover;
}
.brabois-actus__main-body {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 36px 32px 40px 48px;
}
.brabois-actus__main-text {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.brabois-actus__main-title {
	margin: 0;
	color: var(--bleu-chateau, #3f5565);
	font-family: "Montserrat", sans-serif;
	font-size: 17px;
	font-weight: 600;
	line-height: 23.12px;
}
.brabois-actus__main-desc {
	margin: 0;
	color: #404040;
	font-family: "Geist", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}
.brabois-actus__sep {
	display: block;
	height: 1px;
	background: rgba(63, 85, 101, 0.20);
}
.brabois-actus__main-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.brabois-actus__date {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #ababab;
	font-family: "Geist", sans-serif;
	font-size: 14px;
	font-weight: 500;
}
.brabois-actus__date img {
	width: 15px;
	height: 15px;
	object-fit: contain;
	filter: grayscale(1) opacity(0.55);
}
.brabois-actus__read {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
}
.brabois-actus__read img {
	height: 16px;
	width: auto;
	object-fit: contain;
}
.brabois-actus__read span {
	color: var(--bleu-chateau, #3f5565);
	font-family: "Geist", sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
}

/* ---------- Colonne droite : 2 événements ---------- */
.brabois-actus__side {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.brabois-actus__evt {
	position: relative;
}
/* cercle mi-image / mi-bleu, débordant à gauche, centré verticalement sur la carte */
.brabois-actus__circle {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 196px;
	height: 196px;
	border-radius: 9999px;
	overflow: hidden;
	z-index: 2;
	display: block;
	background: var(--bleu-chateau, #3f5565);
}
.brabois-actus__circle-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.brabois-actus__circle-date {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50%;
	z-index: 1;
	background: var(--bleu-chateau, #3f5565);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fcfcfc;
	font-family: "Cormorant Infant", serif;
	text-align: center;
	padding: 4px 8px 8px;
}
.brabois-actus__circle-date .lbl {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.brabois-actus__circle-date .d {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.05;
}
.brabois-actus__circle-date .y {
	font-size: 16px;
	font-weight: 700;
}
.brabois-actus__circle-cal {
	width: 15px;
	height: 15px;
	margin-top: 3px;
	object-fit: contain;
	filter: brightness(0) invert(1); /* calendrier en blanc sur le bleu */
}

/* carte blanche à droite du cercle */
.brabois-actus__evt-body {
	margin-left: 78px;
	min-height: 200px;
	background: #fff;
	border: 1px solid rgba(63, 85, 101, 0.46);
	box-shadow: 0 4px 78px rgba(184, 184, 184, 0.25);
	padding: 26px 44px 26px 168px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 15px;
}
.brabois-actus__evt-title {
	margin: 0;
	color: var(--bleu-chateau, #3f5565);
	font-family: "Montserrat", sans-serif;
	font-size: 17px;
	font-weight: 600;
	line-height: 23.12px;
}
.brabois-actus__evt-line {
	margin: 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #404040;
	font-family: "Geist", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}
.brabois-actus__evt-line img {
	width: 18px;
	height: 18px;
	object-fit: contain;
}
.brabois-actus__evt-line img.pin {
	width: 12px;
}
.brabois-actus__evt-sep {
	display: block;
	height: 1px;
	background: rgba(63, 85, 101, 0.20);
	margin-top: 2px;
}
.brabois-actus__evt-arrow {
	position: absolute;
	right: 26px;
	bottom: 34px;
	z-index: 3;
	line-height: 0;
}
.brabois-actus__evt-arrow img {
	height: 38px;
	width: auto;
	object-fit: contain;
	transform: scaleX(-1); /* la flèche pointe vers la droite */
}

/* ---------- CTA « Toutes nos actus » ---------- */
.brabois-actus__more {
	display: flex;
	justify-content: flex-end;
	margin-top: 40px;
}
.brabois-actus__cta {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 15px 24px;
	background: var(--vert-olive, #7e8b6f);
	text-decoration: none;
	transition: filter 0.2s ease;
}
.brabois-actus__cta span {
	color: #fcfcfc;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.02em;
}
.brabois-actus__cta img {
	width: 18px;
	height: 18px;
	object-fit: contain;
}
.brabois-actus__cta:hover {
	filter: brightness(1.07);
}

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
	.brabois-actus__grid {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 700px) {
	/* Contient les ornements décoratifs (arcs jaunes) qui débordent. */
	.brabois-actus {
		overflow: hidden;
	}
	.brabois-actus__side {
		gap: 16px;
	}
	/* Carte événement repensée : rangée horizontale propre = pastille date (bleu
	   plein) + contenu, sans cercle qui chevauche ni grand vide interne. */
	.brabois-actus__evt {
		display: flex;
		align-items: stretch;
		gap: 14px;
	}
	.brabois-actus__circle {
		/* relative (pas static) : garde le contexte de positionnement pour la date
		   en absolute -> elle reste DANS la pastille 92px au lieu de s'étaler sur
		   toute la carte. */
		position: relative;
		transform: none;
		top: auto;
		left: auto;
		width: 92px;
		height: 92px;
		flex: 0 0 92px;
		align-self: center;
	}
	/* Pastille = uniquement la date (la photo est illisible à cette taille). */
	.brabois-actus__circle-img {
		display: none;
	}
	.brabois-actus__circle-date {
		height: 100%;
	}
	.brabois-actus__circle-date .lbl {
		font-size: 12px;
	}
	.brabois-actus__circle-date .d {
		font-size: 18px;
	}
	.brabois-actus__circle-date .y {
		font-size: 12px;
	}
	.brabois-actus__circle-cal {
		width: 11px;
		height: 11px;
		margin-top: 1px;
	}
	.brabois-actus__evt-body {
		margin-left: 0;
		min-height: 0;
		padding: 16px 18px;
		gap: 10px;
	}
	/* Flèche flottante retirée en mobile (carte lisible sans). */
	.brabois-actus__evt-arrow {
		display: none;
	}
}

/* ==========================================================================
   Page listing « Événements & actualités » (archive du CPT evenement).
   Réutilise la carte .brabois-actus__evt en version compacte (pastille + texte)
   à toutes largeurs, dans une grille 2 colonnes.
   ========================================================================== */
.brabois-evlist {
	margin-block-start: 0;
	background: var(--beige-clair, #fffcf5);
	padding: 80px 24px 300px;
	display: flex;
	justify-content: center;
	font-family: "Montserrat", sans-serif;
}
.brabois-evlist__inner {
	width: 100%;
	max-width: 1160px;
}
.brabois-evlist__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	text-align: center;
	margin-bottom: 48px;
}
.brabois-evlist__title {
	margin: 0;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--bleu-chateau, #3f5565);
}
.brabois-evlist__rule {
	width: min(760px, 100%);
	height: 12px;
}
.brabois-evlist__empty {
	text-align: center;
	font-family: "Geist", "Montserrat", sans-serif;
	font-size: 16px;
	color: var(--anthracite, #404040);
}
/* Liste de cartes PLEINES (toutes les infos, non cliquables). */
.brabois-evlist__list {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

/* Carte = image à gauche, toutes les infos à droite. */
.brabois-evlist__card {
	display: grid;
	grid-template-columns: 380px minmax(0, 1fr);
	background: #fff;
	border: 1px solid rgba(63, 85, 101, 0.14);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 12px 32px rgba(31, 42, 51, 0.07);
}

/* --- Média --- */
.brabois-evlist__media {
	position: relative;
	min-height: 260px;
	background: var(--bleu-chateau, #3f5565);
}
.brabois-evlist__img {
	/* En absolu : dans le flux, la hauteur NATURELLE de la photo pilotait la
	   rangée de grille (380x278, 380x741, 380x748 -> cartes de 280, 743 et
	   750px pour le même texte). Hors flux, la carte est dimensionnée par son
	   contenu, le média garde son min-height et object-fit recadre. */
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.brabois-evlist__badge {
	position: absolute;
	left: 18px;
	top: 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1px;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: rgba(63, 85, 101, 0.94);
	color: #fff;
	text-align: center;
	line-height: 1.15;
	box-shadow: 0 6px 16px rgba(31, 42, 51, 0.28);
}
.brabois-evlist__badge .lbl { font-size: 12px; letter-spacing: 0.10em; opacity: 0.9; }
.brabois-evlist__badge .d   { font-size: 20px; font-weight: 700; padding: 0 6px; }
.brabois-evlist__badge .y   { font-size: 13px; opacity: 0.9; }

/* --- Corps --- */
.brabois-evlist__body {
	padding: 32px 36px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.brabois-evlist__evt-title {
	margin: 0;
	font-family: "Cormorant Infant", Georgia, serif;
	font-style: italic;
	font-weight: 600;
	font-size: 28px;
	line-height: 1.2;
	color: var(--bleu-chateau, #3f5565);
}
.brabois-evlist__meta {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 26px;
}
.brabois-evlist__meta-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: "Geist", "Montserrat", sans-serif;
	font-size: 15px;
	color: var(--anthracite, #404040);
}
.brabois-evlist__meta-item img { width: 16px; height: 16px; object-fit: contain; }
.brabois-evlist__meta-item img.pin { width: 13px; }
.brabois-evlist__meta-item--price span {
	font-weight: 600;
	color: var(--vert-olive, #7e8b6f);
}
.brabois-evlist__card-sep {
	display: block;
	height: 1px;
	background: rgba(63, 85, 101, 0.16);
}
.brabois-evlist__desc {
	font-family: "Geist", "Montserrat", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: var(--anthracite, #404040);
}
.brabois-evlist__desc p { margin: 0 0 12px; }
.brabois-evlist__desc p:last-child { margin-bottom: 0; }

@media (max-width: 860px) {
	.brabois-evlist__card { grid-template-columns: 1fr; }
	.brabois-evlist__media { min-height: 220px; }
}
@media (max-width: 760px) {
	.brabois-evlist { padding: 56px 20px 150px; }
	.brabois-evlist__title { font-size: 26px; }
	.brabois-evlist__body { padding: 26px 22px; }
	.brabois-evlist__evt-title { font-size: 24px; }
}