/* ─── Footer Template 3 — Wmotion dark ─── */

.footer-variant-3.main-footer__container {
	background : #121721;
	color      : #e2e8f0;
}

/* Surcharge les max-width génériques (footer.css + footer-responsive.css) */
.footer-variant-3 .main-footer__inner,
.footer-variant-3 .main-footer__inner {
	max-width : 1280px !important;
	width     : 90%;
	padding   : 64px 0 48px;
}

/* Grid 5 colonnes : 2fr 1fr 1fr 1fr */
.ft3__grid {
	display               : grid;
	grid-template-columns : 2fr 1fr 1fr 1fr;
	gap                   : 48px;
	align-items           : start;
}

/* ── Colonne brand ── */
.ft3__brand .footer-logo__img {
	height        : 106px;
	width         : auto;
	max-width     : 100%;
	object-fit: contain;
}

.ft3__brand .footer-text {
	margin-top : 12px;
}

.ft3__brand .footer-text__content {
	font-size   : 14px;
	font-weight : 300;
	line-height : 1.6;
	color       : #94a3b8;
	margin      : 0;
}

/* ── Titres de colonne ── */
.ft3__col-title {
	font-size      : 12px;
	font-weight    : 500;
	letter-spacing : 0.1em;
	text-transform : uppercase;
	color          : #f1f5f9;
	margin         : 0 0 16px;
}

/* ── Menus ── */
.ft3__menu {
	list-style : none;
	margin     : 0;
	padding    : 0;
}

.ft3__menu li {
	margin-bottom : 8px;
}

.ft3__menu a {
	font-size   : 14px;
	font-weight : 300;
	color       : #94a3b8;
	text-decoration : none;
	transition  : color 0.2s ease;
}

.ft3__menu a:hover,
.ft3__menu a:focus {
	color : #00AACC; /* wm-cyan */
}

/* ── Contact (footer-info.php intégré) ── */
.ft3__contact {
	display        : flex;
	flex-direction : column;
	gap            : 8px;
	margin-bottom  : 20px;
}

.ft3__col--contact .footer-info {
	display        : flex;
	flex-direction : column;
	gap            : 8px;
	padding-top    : 0;
}

.ft3__col--contact .footer-info__address,
.ft3__col--contact .footer-info__phone,
.ft3__col--contact .footer-info__email {
	margin : 0;
}

.ft3__col--contact .footer-info__address,
.footer-variant-3 .ft3__col--contact .footer-info__phone a,
.footer-variant-3 .ft3__col--contact .footer-info__email a {
	font-size       : 14px;
	font-weight     : 300;
	color           : #94a3b8 !important;
	text-decoration : none;
	transition      : color 0.2s ease;
}

.footer-variant-3 .ft3__col--contact .footer-info__phone a:hover,
.footer-variant-3 .ft3__col--contact .footer-info__email a:hover {
	color : #00AACC !important;
}

.ft3__col--contact .footer-info__notice {
	font-size : 13px;
	color     : #64748b;
}

/* ── Réseaux sociaux ── */
.ft3__social {
	display : flex;
	gap     : 12px;
}

.ft3__social-link {
	color      : #94a3b8;
	transition : color 0.2s ease;
	display    : flex;
}

.ft3__social-link:hover,
.ft3__social-link:focus {
	color : #00AACC;
}

/* ── Copyright ── */

.footer-variant-3 .footer-copyright__inner {
	max-width  : 90%;
	border-top : 1px solid #1e293b;
	padding: 30px 0 60px;
}

.footer-variant-3 .footer-copyright__text {
	font-size   : 13px;
	font-weight : 300;
	color       : #64748b;
}

/* ── Responsive ── */
@media (max-width: 1023px) {
	.ft3__grid {
		grid-template-columns : 1fr 1fr;
		gap                   : 36px;
	}

	.ft3__brand {
		grid-column : 1 / -1;
	}
}

@media (max-width: 599px) {
	.ft3__grid {
		grid-template-columns : 1fr;
		gap                   : 32px;
	}
}