/**
 * Site-wide marketing footer (includes/footer.php), ported from the
 * reference mockup's <footer>. The newsletter form's field styling
 * reuses club.css's shared .bcc-club__* classes -- only this file's own
 * .bcc-footer__* layout/color rules are new.
 */

/**
 * Hiding the old Elementor footer template (2026-09-20, VERIF_PASS2):
 * header.css already hides the theme's default header and an
 * Elementor Pro *header* template on every page -- but that rule never
 * covered the matching Elementor Pro *footer* template
 * ([data-elementor-type="footer"]), and unlike the header, the front
 * page's own custom template (templates/front-page.php) never renders
 * it at all, so this gap was invisible on `/` and only showed up on
 * the regular WP pages (/menu, /arma-tu-bowl, /emplacements, ...):
 * live-measured two fully *visible* <footer> elements stacked there,
 * the old Elementor one followed by this one. Same fix, same pattern,
 * just the footer side of it.
 */
[data-elementor-type="footer"] {
	display: none !important;
}

.bcc-footer {
	background: var(--bcc-ink);
	color: var(--bcc-quinoa);
	padding: 72px 0 120px;
}

.bcc-footer__wrap {
	width: min(1280px, 100% - 40px);
	margin-inline: auto;
}

.bcc-footer__fw {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr;
	gap: 40px;
}

@media (width < 860px) {
	.bcc-footer__fw {
		grid-template-columns: 1fr;
	}
}

.bcc-footer a {
	color: inherit;
	text-decoration: none;
	opacity: .85;
}

.bcc-footer a:hover {
	opacity: 1;
	text-decoration: underline;
}

.bcc-footer__title {
	font-family: var(--bcc-font-display);
	font-weight: 900;
	text-transform: uppercase;
	line-height: .88;
	font-size: 44px;
	color: var(--bcc-gold-400);
	margin: 0;
}

.bcc-footer__lede {
	opacity: .85;
	max-width: 420px;
	margin: 8px 0 0;
}

.bcc-footer__news {
	margin-top: 14px;
}

.bcc-footer__news-row {
	display: flex;
	gap: 0;
}

.bcc-footer__news-row input {
	width: 100%;
	min-height: 50px;
	border: var(--bcc-border-width) solid var(--bcc-quinoa);
	background: transparent;
	color: var(--bcc-quinoa);
	padding: 10px 12px;
	font-size: 17px;
}

.bcc-footer__news-row input::placeholder {
	color: rgb(246 241 228 / .6);
}

.bcc-footer__consent {
	margin-top: 10px;
	color: rgb(246 241 228 / .85);
}

.bcc-footer__links {
	display: grid;
	gap: 10px;
	align-content: start;
	font-family: var(--bcc-font-mono);
	font-size: 14px;
	letter-spacing: .03em;
}

.bcc-footer__big {
	margin-top: 56px;
}

.bcc-footer__big img {
	width: 100%;
	height: auto;
	opacity: .95;
}