/*
 * Pied de page : menu et droits d'auteur (footer.php).
 * Chargé sur toutes les pages du site.
 *
 * Tout le contenu est centré, sur ordinateur comme sur téléphone.
 */


/* ---------- Menu ---------- */

/* Shapely met un fond blanc sur toutes les balises <nav> (c'est prévu pour
   le menu du haut). On l'annule ici pour garder le fond foncé du pied de page. */
.site-footer .vtc-footer-nav {
	margin: 0 0 24px;
	padding-bottom: 20px;
	background: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

/* Les liens sont placés côte à côte, centrés, et passent à la ligne
   au besoin quand l'écran est trop étroit. */
.vtc-footer-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 28px; /* 8px entre les lignes, 28px entre les liens */
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.vtc-footer-menu li {
	margin: 0;
}


/* ---------- Droits d'auteur et icônes sociales ---------- */

.vtc-footer-bottom {
	text-align: center;
}

/* Les icônes sociales de Shapely sont elles aussi dans un <nav> :
   même correction du fond blanc. Elles se centrent grâce au text-align ci-dessus. */
.vtc-footer-bottom .social-icons {
	margin-top: 12px;
	background: transparent;
	border: 0;
}


/* ---------- Couleurs des liens ---------- */

/* Blanc sur le fond foncé; rose de la marque au survol et pour la page en cours. */
.vtc-footer-menu a,
.vtc-copyright a {
	color: #fff;
	text-decoration: none;
}

.vtc-footer-menu a:hover,
.vtc-footer-menu a:focus,
.vtc-copyright a:hover,
.vtc-copyright a:focus {
	color: #d37abb;
	text-decoration: underline;
}

.vtc-footer-menu .current-menu-item > a {
	color: #d37abb;
}


/* ---------- Gabarit « Pleine largeur, sans bandeau » ---------- */

/* Cache la bande grise de titre en haut des pages qui utilisent ce gabarit
   (page-templates/full-width-no-title.php). Placé ici parce que ce fichier
   est chargé sur toutes les pages. */
.page-template-full-width-no-title .page-title-section {
	display: none;
}


/* ---------- Téléphones ---------- */

/* Un lien par ligne, pour qu'ils restent faciles à toucher du doigt. */
@media (max-width: 640px) {
	.vtc-footer-menu {
		flex-direction: column;
		align-items: center;
	}
}