/*
** Reskin du footer Astra (widgets/menus réels, gérés depuis Apparence > Widgets et
** Apparence > Menus) pour reprendre l'identité visuelle de la nouvelle page
** d'accueil (navy / or / crème, Fraunces + Manrope), sur toutes les pages du site.
*/

:root{
	--cdb-ftr-navy:#161F2C;
	--cdb-ftr-navy-2:#1D2838;
	--cdb-ftr-gold:#C9A227;
	--cdb-ftr-gold-light:#E4C767;
	--cdb-ftr-cream:#F6F1E7;
}

#colophon.site-footer{
	background:var(--cdb-ftr-navy) !important;
	border-top:1px solid rgba(246,241,231,.08);
}
#colophon,
#colophon a,
#colophon p,
#colophon li,
#colophon span{
	font-family:'Manrope',sans-serif !important;
	color:var(--cdb-ftr-cream) !important;
}

/* Même conteneur (largeur + marges) que la nouvelle page d'accueil : .cdb-home-wrap
   (max-width:1240px, padding:0 40px). */
.site-primary-footer-inner-wrap,
.site-below-footer-inner-wrap{
	max-width:1240px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-left:40px !important;
	padding-right:40px !important;
	box-sizing:border-box !important;
}

/* ---------- Ligne principale (logo / Prestations / Agence) ---------- */
.site-primary-footer-inner-wrap{
	display:grid !important;
	grid-template-columns:1.5fr 1fr 1fr 1fr !important;
	gap:40px !important;
	padding-top:64px !important;
	padding-bottom:0 !important;
	margin-bottom:50px;
}
.site-footer-primary-section{background:transparent !important;}

#colophon .footer-widget-area img{margin-bottom:14px;}

/* Titres de colonne — que ce soit le titre natif d'un widget (nav menu) ou un
   bloc "Titre" ajouté à la main dans un widget bloc (ex : colonne Contact). */
#colophon .footer-widget-area .widget-title,
#colophon .footer-widget-area h1,
#colophon .footer-widget-area h2,
#colophon .footer-widget-area h3,
#colophon .footer-widget-area h4,
#colophon .footer-widget-area h5,
#colophon .footer-widget-area h6{
	font-family:'Manrope',sans-serif !important;
	font-size:11px !important;
	font-weight:800 !important;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:var(--cdb-ftr-cream) !important;
	margin-bottom:16px !important;
	opacity:.4;
}

/* Texte de colonne — même règle générique pour tout paragraphe dans une colonne
   de footer, que le widget utilise .cdb-foot-desc/.cdb-foot-contact ou non. */
#colophon .footer-widget-area p{
	margin-top:0;
	margin-bottom:10px;
	font-size:14px !important;
	opacity:.72;
	line-height:1.6;
}
#colophon .cdb-foot-desc{max-width:280px;line-height:1.5;}
#colophon .footer-widget-area ul.menu{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:10px;
}
#colophon .footer-widget-area ul.menu a{
	font-size:14px;
	opacity:.72;
	transition:opacity .2s,color .2s;
}
#colophon .footer-widget-area ul.menu a:hover{
	opacity:1;
	color:var(--cdb-ftr-gold-light) !important;
}

/* ---------- Barre du bas (copyright / mentions légales) ---------- */
.site-below-footer-inner-wrap{
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	flex-wrap:wrap;
	gap:10px;
	padding-top:22px !important;
	padding-bottom:30px !important;
	border-top:1px solid rgba(246,241,231,.08);
}
#colophon .ast-footer-copyright p{
	font-size:12px !important;
	opacity:.4;
	margin:0;
}
#colophon .ast-footer-copyright p span{
	color:var(--cdb-ftr-cream) !important;
}
.site-footer-below-section-2 .menu{
	list-style:none;
	display:flex;
	gap:22px;
	margin:0;
	padding:0;
}
.site-footer-below-section-2 .menu a{
	font-size:12px;
	opacity:.4;
}
.site-footer-below-section-2 .menu a:hover{
	opacity:1;
	color:var(--cdb-ftr-gold-light) !important;
}

#colophon .footer-widget-area img{max-width:120px !important;height:auto !important;}

@media(max-width:880px){
	.site-primary-footer-inner-wrap{grid-template-columns:1fr 1fr !important;}
}