/* ==========================================================================
   Footer global — Château de Brabois
   Bloc bleu Château à TOP ARRONDI (dôme CSS), qui GRIMPE sur la dernière section
   (marge négative). Barre légale blanche en dessous.
   ========================================================================== */

/* Fond du canvas = bleu du footer : sur une page plus courte que l'écran, la zone
   sous le document n'apparaît plus en blanc mais dans la couleur du footer (seam
   invisible sous la barre légale, déjà bleue). Sans effet sur les pages qui
   remplissent l'écran (le contenu couvre tout). */
html {
	background-color: #3f5565;
}

.brabois-footer {
	--ft-bleu: #3f5565;
	--ft-olive: #7e8b6f;
	--ft-blanc: #fcfcfc;
	width: 100%;
	box-sizing: border-box;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Bloc principal bleu Château + haut en ARC DE CERCLE (vrai segment de cercle,
   courbure uniforme, pas une ellipse). Remonte sur la section précédente. */
.brabois-footer__main {
	position: relative;
	z-index: 2;
	margin-top: -250px; /* grimpe sur la dernière section (qui a une grosse marge basse) */
	padding: 150px 24px 52px;
	background: transparent;
	color: var(--ft-blanc);
	overflow: hidden; /* rogne le grand cercle -> seul l'arc du haut reste visible */
}
/* Grand cercle bleu (rayon ~3900px) dont le sommet forme l'arc du haut : sur la
   largeur du footer, ça ne montre qu'un TOUT petit segment => courbe très douce
   (comme un zoom fort sur le bord d'un grand cercle), arrondi peu marqué. */
.brabois-footer__main::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 7800px;
	height: 7800px;
	border-radius: 50%;
	background: var(--ft-bleu);
	z-index: 0;
	pointer-events: none;
}

.brabois-footer__inner {
	position: relative;
	z-index: 1; /* au-dessus du grand cercle */
	max-width: 1362px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 44px;
}

/* ---- Ligne du haut : bouton / logo / contact ------------------------------- */

.brabois-footer__top {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}
.brabois-footer__logo {
	flex: 0 0 auto;
	display: block;
	line-height: 0;
}
.brabois-footer__logo img {
	display: block;
	height: 118px;
	width: auto;
}
.brabois-footer__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 13.5px 17px;
	text-decoration: none;
	background: var(--ft-olive);
	color: var(--ft-blanc);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.01em;
	transition: filter 0.2s ease;
}
.brabois-footer__btn:hover {
	filter: brightness(1.08);
}
.brabois-footer__btn img {
	display: block;
	height: 16px;
	width: auto;
}
.brabois-footer__contact {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: var(--ft-blanc);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.01em;
}
.brabois-footer__contact .brabois-footer__map {
	height: 20px;
	width: auto;
}
.brabois-footer__contact .brabois-footer__arrow {
	height: 20px;
	width: auto;
}

/* ---- Menu ------------------------------------------------------------------ */

.brabois-footer__nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px 48px;
}
.brabois-footer__nav a {
	color: var(--ft-blanc);
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	transition: opacity 0.2s ease;
}
.brabois-footer__nav a:hover {
	opacity: 0.75;
}

.brabois-footer__divider {
	width: 100%;
	height: 1px;
	background: rgba(252, 252, 252, 0.24);
}

/* ---- Coordonnées ----------------------------------------------------------- */

.brabois-footer__info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px 103px;
	text-align: center;
}
.brabois-footer__tel {
	color: var(--ft-blanc);
	text-decoration: none;
	font-size: 18px;
	font-weight: 600;
	white-space: nowrap;
}
.brabois-footer__addr {
	color: var(--ft-blanc);
	font-size: 18px;
	font-weight: 500;
}

/* ---- Barre légale (BLANCHE, texte bleu Château) --------------------------- */

.brabois-footer__legal {
	background: #fcfcfc;
	padding: 20px max(24px, calc(50% - 720px));
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px 48px;
	flex-wrap: wrap;
}
.brabois-footer__copy {
	margin: 0;
	color: var(--ft-bleu);
	font-size: 14px;
	font-weight: 600;
}
.brabois-footer__copy a {
	color: var(--ft-bleu);
	text-decoration: underline;
}
.brabois-footer__legal-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 48px;
}
.brabois-footer__legal-links a {
	color: var(--ft-bleu);
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
}
.brabois-footer__legal-links a:hover {
	text-decoration: underline;
}

/* ---- Responsive ------------------------------------------------------------ */

@media (max-width: 1024px) {
	.brabois-footer__main {
		margin-top: -180px;
		padding-top: 120px;
	}
	.brabois-footer__top {
		flex-direction: column;
		gap: 28px;
	}
	.brabois-footer__info {
		gap: 12px 40px;
	}
}

@media (max-width: 640px) {
	.brabois-footer__main {
		margin-top: -120px;
		padding: 72px 20px 40px;
	}
	.brabois-footer__logo img {
		height: 92px;
	}
	.brabois-footer__legal {
		flex-direction: column;
		text-align: center;
	}
	.brabois-footer__legal-links {
		justify-content: center;
	}
}

/* ==========================================================================
   Cibles tactiles du pied de page (ajout responsive du 28/08/2026)
   Les liens ne faisaient que 20-21px de haut : difficiles à viser au doigt.
   32px de hauteur tactile, typo inchangée, gouttières réduites d'autant.
   ========================================================================== */
@media (max-width: 782px) {
	.brabois-footer__nav a,
	.brabois-footer__legal-links a,
	.brabois-footer__copy a,
	.brabois-footer__contact,
	.brabois-footer__tel {
		display: inline-flex;
		align-items: center;
		min-height: 32px;
	}
	.brabois-footer__nav { gap: 4px 40px; }
	.brabois-footer__legal-links { gap: 0 40px; }
	.brabois-footer__info { gap: 8px 40px; }
}