/*
 * The policy links in the footer's bottom bar (Astra's footer menu, showing the "Footer menu").
 * Their layout, alignment, colours and spacing are set in Customizer > Footer Builder > Footer Menu.
 * Rules 1 and 2 are here only because rules in site.css win over those settings; rule 3 brings
 * the bar back on event pages on phones and tablets.
 * Loaded by inc/footer.php while the footer menu is in the footer builder.
 */

/*
 * 1. site.css paints every menu link on the page white (#page a.menu-link, meant for the header), and
 *    it beats Astra's footer menu colour: same specificity, printed later. This puts the links back on
 *    the copyright's grey; keep it the same as Footer Menu > Link / Text > Normal. It is one element
 *    stronger than site.css and one class weaker than Astra's hover rule, so the hover colour set in
 *    the Customizer still applies.
 */
#page footer a.menu-link {
	color: rgba(255, 255, 255, 0.4);
}

/*
 * 2. Up to 921px site.css turns every "2 equal columns" row into one centred flex row
 *    (display: flex !important). On phones that would put the links beside the copyright. This
 *    gives the bottom bar back Astra's own phone layout (Below Footer > Layout > Mobile: full),
 *    so the links sit under the copyright.
 */
@media (max-width: 544px) {
	.site-below-footer-wrap.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full .ast-builder-grid-row {
		display: grid !important;
	}
}

/*
 * 3. Up to 920px event pages hide the whole footer (event-content.css: .site-footer { display: none
 *    !important }), so the page ends with the Enquire / Buy Now bar fixed at the bottom of the screen.
 *    Show the bottom bar there (the copyright and the policy links) and keep the black block above it
 *    hidden. !important only where the hiding rule has it. The footer's padding-bottom is the button
 *    bar's height (59px from 320 to 920px), so at the end of the page the bar sits below the links
 *    instead of over them.
 */
@media (max-width: 920px) {
	.single-etn .site-footer {
		display: block !important;
		padding-bottom: 59px;
	}
	.single-etn .site-footer .site-above-footer-wrap[data-section="section-above-footer-builder"] {
		display: none;
	}
}