/**
 * Pied de page.
 *
 * Balisage dans parts/footer.html : Groupe sombre + grille de colonnes,
 * blocs Liste de pages / Liens sociaux natifs.
 */

.ipd-pied {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--texte-clair);
}

/* --------------------------------------------------------------------------
   1. Identité
   -------------------------------------------------------------------------- */

.ipd-pied__logo img {
	box-sizing: border-box;
	width: 46px;
	height: 46px;
	border-radius: var(--wp--custom--rayon--md);
	background: #1f1f1f;
	border: 1px solid rgba(234, 244, 252, 0.18);
	padding: 5px;
	object-fit: contain;
}

.ipd-pied__marque {
	font-family: var(--wp--preset--font-family--titre);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--lg);
	color: var(--wp--preset--color--base);
	margin: 0;
}

/* --------------------------------------------------------------------------
   2. Colonnes
   -------------------------------------------------------------------------- */

.ipd-pied__titre-colonne {
	font-size: var(--wp--preset--font-size--eyebrow);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ciel);
	font-weight: 600;
	margin: 0 0 16px;
}

.ipd-pied :where(a) {
	color: var(--wp--preset--color--texte-clair);
	transition: color 0.18s ease;
}

.ipd-pied :where(a):hover,
.ipd-pied :where(a):focus-visible {
	color: var(--wp--preset--color--base);
}

/* Coordonnées : le lien ressort en ciel pour rester cliquable à l'œil. */
.ipd-pied__coordonnees a {
	color: var(--wp--preset--color--ciel);
}

.ipd-pied__coordonnees li {
	list-style: none;
}

/*
 * Listes du pied : sans puce, empilées avec un espace explicite. Le bloc
 * Liste n'honore pas le blockGap — l'espacement doit venir d'ici.
 */
.ipd-pied__liste {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ipd-pied__liste li {
	list-style: none;
}

.ipd-pied__coordonnees {
	gap: 8px;
}

/* --------------------------------------------------------------------------
   3. Réseaux sociaux
   -------------------------------------------------------------------------- */

/*
 * La maquette affiche icône et libellé côte à côte : pastille de 34 px,
 * texte à 15 px, 12 px entre les deux.
 */
.ipd-pied .wp-block-social-links .wp-social-link {
	background: transparent;
	color: var(--wp--preset--color--texte-clair);
	margin: 0;
	padding: 0;
}

.ipd-pied .wp-block-social-links .wp-social-link a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0;
	font-size: var(--wp--preset--font-size--base);
	line-height: normal;
	color: var(--wp--preset--color--texte-clair);
}

/*
 * WordPress rapetisse le libelle des liens sociaux (0,65 em, soit 9,75 px
 * ici). La maquette le garde a la meme taille que le reste du pied.
 */
.ipd-pied .wp-block-social-links .wp-social-link span.wp-block-social-link-label {
	font-size: var(--wp--preset--font-size--base);
	line-height: normal;
	margin: 0;
}

.ipd-pied .wp-block-social-links .wp-social-link svg {
	width: 34px;
	height: 34px;
	/* 8,5 px de retrait : le glyphe fait 17 px dans la maquette. */
	padding: 8.5px;
	box-sizing: border-box;
	border-radius: var(--wp--custom--rayon--sm);
	background: rgba(234, 244, 252, 0.1);
	flex-shrink: 0;
	transition: background-color 0.18s ease;
}

.ipd-pied .wp-block-social-links .wp-social-link:hover svg {
	background: rgba(234, 244, 252, 0.2);
}



/* --------------------------------------------------------------------------
   4. Bandeau de bas de page
   -------------------------------------------------------------------------- */

.ipd-pied__bas {
	border-top: 1px solid rgba(234, 244, 252, 0.14);
}

.ipd-pied__bas p {
	font-size: var(--wp--preset--font-size--xs);
	color: #8b9aa8;
	margin: 0;
}

/*
 * Gouttière des colonnes du pied. Elle ne peut pas passer par le blockGap du
 * bloc : WordPress rejette toute valeur contenant une parenthèse, et la
 * gouttière retomberait alors à zéro. Sans columnCount sur la grille, le
 * calcul des colonnes n'utilise pas cette valeur — une classe suffit.
 */
.wp-block-group.ipd-pied__grille {
	gap: clamp(28px, 4vw, 48px);
}