/* ==========================================================================
   Footer natif (remplace le footer Elementor) — chargé sur toutes les pages du site.
   A placer dans : wp-content/themes/blocksy-1752578877-via-wpmarmite/assets/css/footer.css
   ========================================================================== */

.gc-footer * { box-sizing: border-box; }

/* --- Bandeau transporteurs --- */
.gc-footer-shipping { background: #fff; padding: 30px 0; }
.gc-footer-shipping__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 60px;
	flex-wrap: wrap;
}
.gc-footer-shipping__inner img { max-height: 80px; width: auto; display: block; }

/* --- Bloc principal --- */
.gc-footer-main { background: #2c281b; padding: 50px 0 40px; }
.gc-footer-main__inner {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr 1fr;
	gap: 40px;
}

.gc-footer-col__title {
	font-family: 'Jost', sans-serif;
	font-weight: 100;
	font-size: 24px;
	color: #e1e8ed;
	margin: 0 0 18px;
}

.gc-footer-logo img { width: 70px; height: 70px; object-fit: contain; display: block; margin-bottom: 18px; }

.gc-footer-col--brand .gc-footer-col__title { margin-bottom: 14px; }

.gc-footer-brand-contact {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.gc-footer-brand-contact li { color: #cfcabb; font-size: 14px; line-height: 1.5; }
.gc-footer-brand-contact a { color: #cfcabb; text-decoration: none; }
.gc-footer-brand-contact a:hover { color: #fff; }

.gc-footer-quicklinks,
.gc-footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.gc-footer-quicklinks a,
.gc-footer-links a {
	color: #d9b95b;
	font-size: 15px;
	text-decoration: none;
}
.gc-footer-quicklinks a:hover,
.gc-footer-links a:hover { color: #fff; }

.gc-footer-social {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
	display: flex;
	gap: 10px;
}
.gc-footer-social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
}
.gc-footer-social a svg { width: 17px; height: 17px; }

/* --- Barre du bas --- */
.gc-footer-bottom { background: #242116; padding: 18px 0; }
.gc-footer-bottom__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}
.gc-footer-bottom__inner p { margin: 0; color: #b9b4a6; font-size: 13px; }
.gc-footer-legal {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 22px;
}
.gc-footer-legal a { color: #b9b4a6; font-size: 13px; text-decoration: none; }
.gc-footer-legal a:hover { color: #fff; }

/* ==========================================================================
   MOBILE / TABLETTE
   ========================================================================== */
@media (max-width: 900px) {
	.gc-footer-main__inner { grid-template-columns: 1fr 1fr; gap: 34px; }
	.gc-footer-col--brand { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
	.gc-footer-shipping { padding: 22px 0; }
	.gc-footer-shipping__inner { gap: 34px; }
	.gc-footer-shipping__inner img { max-height: 56px; }
	.gc-footer-main { padding: 40px 0 30px; }
	.gc-footer-main__inner { grid-template-columns: 1fr; gap: 30px; text-align: center; }
	.gc-footer-col--brand { grid-column: auto; }
	.gc-footer-logo { display: flex; justify-content: center; }
	.gc-footer-quicklinks,
	.gc-footer-links,
	.gc-footer-brand-contact { align-items: center; }
	.gc-footer-social { justify-content: center; }
	.gc-footer-bottom__inner { flex-direction: column; text-align: center; }
	.gc-footer-legal { justify-content: center; }
}

/* Sur mobile, les widgets flottants tiers (bouton WhatsApp, icône de préférences cookies, bulle
   de chat "AI Engine") sont fixés en bas de l'écran et se retrouvent collés — voire par-dessus —
   la barre du bas du footer (copyright + liens légaux) une fois arrivé en bas de la page, puisque
   rien ne permet de scroller plus bas pour les dégager. On ajoute donc de l'espace vide après le
   footer pour pouvoir descendre encore un peu et libérer les liens légaux de ces icônes. */
@media (max-width: 768px) {
	.gc-footer-bottom { padding-bottom: 150px; }
}