/* Footer menu
 *
 * A Divi Menu module inside the Theme Builder footer shows the "Footer links" menu (the
 * same one the mobile menu's bottom band uses). Divi would swap it for a hamburger at
 * ≤980px; here it stays a plain list of links at every width and wraps onto one column on
 * phones. Font, colour and gaps are the module's own settings; this only removes the
 * mobile behaviour and Divi's desktop-nav spacing.
 */

.et-l--footer .et_pb_menu {
	.et_mobile_nav_menu {
		display: none;
	}

	.et_pb_menu__menu {
		display: flex;

		> nav > ul {
			display: flex;
			flex-wrap: wrap;
			gap: 16px 30px;
			margin: 0;
			padding: 0;

			> li {
				margin: 0;
				padding: 0;

				> a {
					padding: 0;
				}
			}

			@media (max-width: 767px) {
				flex-direction: column;
				gap: 25px;
			}
		}
	}
}