/*
 * Multicharts Universe — Cosmic Footer.
 */

#colophon.site-footer {
	background: transparent;
	color: var(--color-text-secondary);
	padding: 0;
	border: 0;
	margin-top: var(--space-3xl);
}

.mcu-footer {
	position: relative;
	background:
		radial-gradient(ellipse at 50% -10%, rgba(212, 175, 55, 0.08) 0%, transparent 60%),
		linear-gradient(180deg, transparent 0%, var(--color-deep-space) 30%, var(--color-void) 100%);
}

.mcu-footer::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, var(--color-gold) 50%, transparent 100%);
	opacity: 0.5;
}

/* === Top tier — brand · universes · subscribe ========================== */
.mcu-footer__top {
	padding-block: var(--space-2xl) var(--space-xl);
}

.mcu-footer__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-xl);
}

@media (min-width: 768px) {
	.mcu-footer__grid {
		grid-template-columns: 1.1fr 1.4fr 1fr;
		gap: var(--space-xl);
		align-items: start;
	}
}

.mcu-footer__heading {
	font-family: var(--font-body);
	font-size: var(--text-xs);
	font-weight: var(--weight-medium);
	letter-spacing: var(--tracking-widest);
	text-transform: uppercase;
	color: var(--color-gold);
	margin: 0 0 var(--space-md);
}

/* --- Brand --- */
.mcu-footer__brand img {
	width: 64px; height: 64px;
	filter: drop-shadow(0 4px 16px rgba(212, 175, 55, 0.3));
	margin-bottom: var(--space-md);
}
.mcu-footer__pitch {
	font-size: var(--text-base);
	color: var(--color-text-secondary);
	max-width: 28ch;
}
.mcu-footer__discover {
	font-family: var(--font-display);
	font-size: var(--text-lg);
	font-style: italic;
	color: var(--color-gold-bright);
	margin-top: var(--space-md);
	letter-spacing: var(--tracking-tight);
}
.mcu-footer__discover em {
	background: linear-gradient(135deg, var(--color-gold-bright) 0%, var(--color-gold-deep) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* --- Universe list --- */
.mcu-footer__universe-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-sm);
	list-style: none;
	padding: 0;
	margin: 0;
}
@media (min-width: 480px) {
	.mcu-footer__universe-list {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 1100px) {
	.mcu-footer__universe-list {
		grid-template-columns: repeat(3, 1fr);
		gap: var(--space-sm) var(--space-md);
	}
}

.mcu-footer__universe-link {
	display: flex;
	align-items: center;
	gap: var(--space-sm);
	padding: var(--space-xs) var(--space-sm);
	color: var(--color-text-secondary);
	background: none;
	border-radius: var(--radius-md);
	transition: background-color var(--dur-fast) var(--ease-celestial),
	            color var(--dur-fast) var(--ease-celestial),
	            transform var(--dur-fast) var(--ease-celestial);
}
.mcu-footer__universe-link:hover,
.mcu-footer__universe-link:focus {
	color: var(--color-text-primary);
	background-color: var(--color-gold-veil);
	transform: translateX(2px);
}
.mcu-footer__universe-item.is-current .mcu-footer__universe-link {
	color: var(--color-gold-bright);
	background-color: var(--color-gold-veil);
	cursor: default;
}
.mcu-footer__universe-item.is-current .mcu-footer__universe-link:hover {
	transform: none;
}

.mcu-footer__universe-emoji {
	font-size: 1.5rem;
	line-height: 1;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}
.mcu-footer__universe-label {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}
.mcu-footer__universe-name {
	font-family: var(--font-display);
	font-size: var(--text-base);
	font-weight: var(--weight-regular);
	color: inherit;
}
.mcu-footer__universe-sub {
	font-size: 0.75rem;  /* slightly larger for readability */
	color: var(--color-text-secondary);  /* was --muted, too dim */
	letter-spacing: var(--tracking-wide);
}

/* --- Subscribe --- */
.mcu-footer__sub-copy {
	font-size: var(--text-sm);
	color: var(--color-text-secondary);
	margin-bottom: var(--space-md);
}

.mcu-footer__form {
	display: flex;
	flex-direction: column;
	gap: var(--space-sm);
}
@media (min-width: 480px) {
	.mcu-footer__form {
		flex-direction: row;
	}
}
.mcu-footer__form input[type="email"] { flex: 1 1 auto; }
.mcu-footer__form .button { flex: 0 0 auto; }

.mcu-footer__legal-note {
	display: block;
	margin-top: var(--space-sm);
	color: var(--color-text-muted);
	font-size: 0.6875rem;
}

/* === Bottom tier — copyright & legal =================================== */
.mcu-footer__bottom {
	padding-block: var(--space-md);
	border-top: 1px solid var(--color-border-subtle);
}

.mcu-footer__bottom-inner {
	display: flex;
	flex-direction: column;
	gap: var(--space-sm);
	align-items: center;
	justify-content: space-between;
}
@media (min-width: 600px) {
	.mcu-footer__bottom-inner { flex-direction: row; }
}

.mcu-footer__copyright {
	margin: 0;
	font-size: var(--text-xs);
	color: var(--color-text-muted);
	letter-spacing: var(--tracking-wide);
}

.mcu-footer__legal {
	display: flex;
	gap: var(--space-md);
	list-style: none;
	padding: 0;
	margin: 0;
}
.mcu-footer__legal a {
	font-size: var(--text-xs);
	color: var(--color-text-muted);
	letter-spacing: var(--tracking-wide);
	text-transform: uppercase;
}
.mcu-footer__legal a:hover { color: var(--color-gold-bright); }