/* ==========================================================================
   Fiches seules : actualité (single-evenement.html) et chambre
   (single-chambre.html). Ajout du 21/10/2026 : ces fiches tombaient sur le
   gabarit par défaut de TwentyTwentyFive (son en-tête, son pied de page).
   ========================================================================== */
.brabois-single {
	margin-block-start: 0;
	background: var(--beige-clair, #fffcf5);
	/* Marge basse = remontée du pied de page (footer.css : -250 / -180 / -120 px) + respiration. */
	padding: 72px max(24px, calc(50% - 440px)) 362px;
	font-family: "Geist", "Montserrat", sans-serif;
	color: #404040;
}
.brabois-single__inner > * + * {
	margin-block-start: 32px;
}
.brabois-single__title {
	margin: 0;
	color: #3f5565;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(26px, 3vw, 36px);
	font-weight: 600;
	line-height: 1.25;
}
.brabois-single__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.brabois-single__content {
	font-size: 16px;
	line-height: 1.7;
}
.brabois-single__content > * + * {
	margin-block-start: 1em;
}
.brabois-single__back a {
	color: #7e8b6f;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: 4px;
}
@media (max-width: 1024px) {
	.brabois-single {
		padding-bottom: 280px;
	}
}
@media (max-width: 767px) {
	.brabois-single {
		padding: 48px 20px 280px;
	}
}
@media (max-width: 640px) {
	.brabois-single {
		padding-bottom: 200px;
	}
}

/* Les ancres des boutons (#reserver, #brabois-cform, #nos-salles,
   #le-restaurant) ne doivent pas finir sous l'en-tête collant. */
#reserver,
#brabois-cform,
#nos-salles,
#le-restaurant {
	scroll-margin-top: 120px;
}

/* Texte lu par les moteurs et les lecteurs d'écran, masqué à l'écran (H1 de l'accueil). */
.brabois-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}