/* =================================================================
   ReefDudes — Footer
   3-column layout with wordmark echo, columned nav, and a thin
   legal strip. Light surface (--bg-2) so it reads as a deliberate
   end of the page rather than a heavy dark slab.
   ================================================================= */

.rd-footer {
	background: var(--bg-2);
	border-top: 1px solid var(--border);
	color: var(--text);
	padding: clamp(40px, 6vw, 72px) 20px clamp(20px, 3vw, 32px);
	font-family: var(--font-ui);
}

.rd-footer__inner {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.4fr repeat(3, 1fr);
	gap: clamp(24px, 4vw, 56px);
}

@media (max-width: 860px) {
	.rd-footer__inner {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 540px) {
	.rd-footer__inner {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

/* Brand column */

.rd-footer__brand {
	max-width: 36ch;
}

.rd-footer__wordmark {
	display: inline-block;
	font-family: var(--font-ui);
	font-weight: 800;
	font-size: 1.875rem;
	letter-spacing: -0.015em;
	text-decoration: none;
	margin: 0 0 14px;
	line-height: 1;
}
.rd-footer__wordmark:hover { text-decoration: none; }
/* Match the new illustrated logo's cyan-shifted "Reef" so the footer
   visually rhymes with the header. "Dudes" stays in the muted gray
   family — same outlined-feel the logo art uses. */
.rd-footer__wordmark-reef  { color: var(--logo-cyan); }
.rd-footer__wordmark-dudes { color: var(--muted); }
.rd-footer__wordmark:hover .rd-footer__wordmark-reef  { color: #4ec8d6; }
.rd-footer__wordmark:hover .rd-footer__wordmark-dudes { color: var(--text-2); }

.rd-footer__tagline {
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--muted);
	margin: 0;
}

/* Nav columns */

.rd-footer__heading {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--accent);
	margin: 0 0 14px;
}

.rd-footer__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.rd-footer__list a {
	color: var(--muted);
	text-decoration: none;
	font-size: 0.9375rem;
	font-weight: 500;
	transition: color 120ms ease;
	display: inline-block;
}
.rd-footer__list a:hover,
.rd-footer__list a:focus {
	color: var(--accent);
	text-decoration: none;
}

/* Legal strip */

.rd-footer__legal {
	max-width: 1200px;
	margin: clamp(28px, 4vw, 44px) auto 0;
	padding-top: clamp(16px, 2vw, 22px);
	border-top: 1px solid var(--border);
	font-size: 0.8125rem;
	color: var(--muted);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

/* When Uncode's own .footer-last copyright row also renders (in case
   the disable filter is removed), keep it visually de-emphasized so
   it doesn't compete with the brand legal strip. */
.theme-uncode .footer-last {
	background: var(--bg-2) !important;
	border-top: none;
	padding: 0 !important;
}
.theme-uncode .footer-last .site-info {
	color: var(--muted);
	font-size: 0.8125rem;
}