/* Pied de page : colonnes empilées en mobile, 2 dès 576 px, marque + colonnes dès 992 px. */

.dqb-pied {
	margin-block-start: var(--espace-section);
	padding-block: var(--espace-8) var(--espace-5);
	background: var(--couleur-primaire);
	color: var(--couleur-sur-primaire);

	& a {
		color: inherit;
	}
}

.dqb-pied__grille {
	display: grid;
	gap: var(--espace-7);

	@media (min-width: 576px) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	@media (min-width: 992px) {
		grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr));
	}
}

.dqb-pied__logo {
	color: inherit;
}

.dqb-pied__slogan {
	opacity: 0.8;
}

.dqb-pied__coordonnees {
	display: flex;
	flex-direction: column;
	font-style: normal;
}

/* Disposition « Coordonnées » (filtre dqb_pied_coordonnees_en_colonne) : adresse puis horaires, dans la même colonne. */
.dqb-pied__coordonnees + .dqb-pied__coordonnees {
	margin-block-start: var(--espace-2);
}

.dqb-pied__lien {
	display: inline-flex;
	align-items: flex-start;
	gap: var(--espace-2);
	min-height: 44px;
	padding-block: var(--espace-2);
	text-decoration: none;

	& .dqb-icone {
		margin-block-start: 0.2em;
	}
}

.dqb-pied__reseaux,
.dqb-pied__liens,
.dqb-pied__legal {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dqb-pied__reseaux {
	display: flex;
	flex-wrap: wrap;
	gap: var(--espace-2);
}

.dqb-pied__reseau {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid currentColor;
	border-radius: var(--rayon-pilule);
	opacity: 0.85;

	&:hover {
		opacity: 1;
	}
}

.dqb-pied__titre {
	margin-block-end: var(--espace-3);
	font-size: var(--taille-petite);
	font-weight: var(--graisse-forte);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.7;
}

.dqb-pied__liens a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	text-decoration: none;

	&:hover {
		text-decoration: underline;
	}
}

.dqb-pied__bas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--espace-4);
	margin-block-start: var(--espace-7);
	padding-block-start: var(--espace-5);
	border-block-start: 1px solid color-mix(in srgb, currentColor 25%, transparent);
	font-size: var(--taille-petite);
}

.dqb-pied__legal {
	display: flex;
	flex-wrap: wrap;
	gap: var(--espace-4);

	& a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}
}