/* ==========================================================================
   Footer — Figma node 1:8643
   ========================================================================== */

.site-footer { background: var(--c-bg-footer); color: var(--c-text); }

.site-footer__main {
	display: grid;
	grid-template-columns: minmax(260px, 425fr) minmax(0, 1100fr) minmax(200px, 257fr);
	gap: clamp(32px, 3vw, 60px);
	padding-block: clamp(48px, 4.8vw, 92px) clamp(40px, 3.6vw, 70px);
}

.site-footer__title {
	margin-bottom: clamp(24px, 2.4vw, 45px);
	font-size: 15px; /* retour client : tailles du pied de page d'arxit.com */
	font-weight: 700;
	letter-spacing: .06em;
	color: var(--c-green);
}

/* Colonne contact */
.footer-contact { display: grid; gap: clamp(20px, 1.6vw, 30px); margin: 0; padding: 0; list-style: none; }
.footer-contact__item { display: flex; align-items: center; /* retour client : icône centrée verticalement sur son texte */ gap: clamp(16px, 1.3vw, 26px); font-size: 14px; line-height: 1.3; }
.footer-contact__icon {
	position: relative;
	display: grid;
	place-items: center;
	flex: none;
	width: clamp(46px, 3.28vw, 63px);
	aspect-ratio: 1;
}
/* Losange vert (carré 44px tourné à 45°) */
.footer-contact__icon::before {
	content: "";
	position: absolute;
	width: 70.7%;
	height: 70.7%;
	background: var(--c-green);
	transform: rotate(-45deg);
}
.footer-contact__icon svg { position: relative; width: 42%; height: auto; }

.footer-contact__phones { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.footer-contact__phones span { font-size: 14px; }

.footer-brand { margin-top: clamp(40px, 3.6vw, 70px); }
.footer-brand__logo { display: block; width: clamp(90px, 6.6vw, 127px); color: var(--c-logo); }
.footer-brand__logo svg,
.footer-brand__logo img { width: 100%; transition: transform .3s var(--ease); }
/* Retour client : zoom au survol (le logo mène à arxit.com). Les liens passent en vert au survol : pas le logo. */
.footer-brand__logo:hover { color: var(--c-logo); }
.footer-brand__logo:hover :is(svg, img),
.footer-brand__logo:focus-visible :is(svg, img) { transform: scale(1.1); }
.footer-brand__tagline { margin-top: clamp(28px, 2.4vw, 46px); font-size: 16px; font-weight: 600; line-height: 1.5; } /* retour client : pas d'italique */
.footer-brand__expertise { margin-top: 1em; font-size: 16px; font-weight: 600; line-height: 1.6; }

/* Colonne formations (masonry en colonnes CSS) */
.footer-formations { columns: 3 220px; column-gap: clamp(24px, 2.5vw, 48px); }
.footer-formations__group { break-inside: avoid; margin-bottom: clamp(28px, 2.3vw, 44px); }
.footer-formations__title { margin-bottom: 8px; font-size: 14px; font-weight: 700; line-height: 1.5; }
.footer-formations__group ul { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.footer-formations__group a { display: block; font-size: 14px; line-height: 1.35; } /* retour client : interligne légèrement réduit */

/* Colonne qualité */
.footer-quality__labels { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px, 2vw, 40px) 10px; align-items: center; }
.footer-quality__label { display: block; max-width: 128px; }
.footer-quality__label.is-wide { grid-column: 1 / -1; max-width: 224px; }
.footer-quality__label img { width: 100%; height: auto; transition: transform .3s var(--ease); }
/* Retour client : même zoom au survol que le logo arx iT */
.footer-quality__label:hover img { transform: scale(1.1); }
.footer-social { margin-top: clamp(32px, 2.4vw, 46px); }
.footer-social__label { font-size: 14px; }
.footer-social__list { display: flex; gap: 15px; margin: 18px 0 0; padding: 0; list-style: none; }
.footer-social__list a {
	display: grid;
	place-items: center;
	width: clamp(46px, 3.4vw, 65px);
	aspect-ratio: 1;
	border: 2px solid currentColor;
	border-radius: 50%;
	color: var(--c-text);
	transition: color .2s, background-color .2s, transform .3s var(--ease);
}
/* Retour client : même zoom au survol que les logos du pied de page (en plus du passage au vert) */
.footer-social__list a:hover,
.footer-social__list a:focus-visible { color: var(--c-green); transform: scale(1.1); }
.footer-social__list svg { width: 100%; height: 100%; }

/* Barre du bas */
.site-footer__bottom { background: var(--c-bg); }
.site-footer__bottom .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 24px;
	padding-block: 20px;
	font-size: 14px;
	color: var(--c-text); /* comme arxit.com : gris #7B7B7B, sans interlettrage */
}
.footer-legal { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 0; padding: 0; list-style: none; }

@media (max-width: 1140px) {
	.site-footer__main { grid-template-columns: 1fr 1fr; }
	.footer-formations-col { grid-column: 1 / -1; grid-row: 2; }
}
@media (max-width: 768px) {
	.site-footer__main { grid-template-columns: 1fr; }
	.footer-formations-col { grid-row: auto; }
	.footer-quality__labels { max-width: 280px; }
}