/* ==========================================================================
   footer.css — Figma-matched footer (logo + copyright + links + watermark)
   Colors come from tokens.css (light/dark aware).
   ========================================================================== */

.ada-footer {
	position: relative;
	overflow: hidden;
	background: var(--ada-bg);
	padding-top: 44px;
}

.ada-footer__inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 32px;
	width: 100%;
	max-width: var(--ada-container);
	margin-inline: auto;
	padding-inline: 75px;
}

.ada-footer__copy {
	flex: 1;
	margin: 0;
	font-family: var(--ada-font);
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	color: var(--ada-footer-ink);
}

.ada-footer__links {
	display: flex;
	align-items: center;
	gap: 32px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ada-footer__links a {
	font-family: var(--ada-font);
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	color: var(--ada-footer-ink);
}

.ada-footer__links a:hover { color: var(--ada-primary); }

/* Giant background wordmark, clipped at the bottom edge.
   The large top margin matches the Figma spacing between the copyright row
   and the watermark. */
.ada-footer__watermark {
	margin: clamp( 48px, 10vw, 130px ) 0 -2%;
	text-align: center;
	font-family: var(--ada-font);
	font-weight: 550;
	font-size: clamp( 90px, 25vw, 355px );
	line-height: 0.9;
	letter-spacing: -0.026em;
	color: var(--ada-footer-watermark);
	white-space: nowrap;
	user-select: none;
	pointer-events: none;
}

/* Responsive */
@media (max-width: 900px) {
	.ada-footer__inner { padding-inline: var(--ada-space-3); gap: var(--ada-space-3); }
}

@media (max-width: 720px) {
	.ada-footer__inner { flex-direction: column; align-items: flex-start; }
	.ada-footer__copy { flex: none; order: 3; }
	.ada-footer__links { flex-wrap: wrap; gap: var(--ada-space-3); }
}

/* ==========================================================================
   Cookie banner (Accept / Reject) — floating card, bottom-left.
   ========================================================================== */
.ada-cookie {
	position: fixed;
	left: 24px;
	bottom: 24px;
	z-index: 1000;
	display: flex;
	gap: 14px;
	width: min( 420px, calc( 100vw - 32px ) );
	padding: 20px;
	background: var(--ada-panel);
	border: 1px solid var(--ada-divider);
	border-radius: 20px;
	box-shadow: 0 24px 48px -12px rgba( 11, 20, 38, 0.22 ), 0 0 0 1px rgba( 23, 23, 23, 0.02 );
	opacity: 0;
	transform: translateY( 16px );
	transition: opacity 0.3s ease, transform 0.3s ease;
}
.ada-cookie[hidden] { display: none; }
.ada-cookie.is-visible { opacity: 1; transform: none; }

.ada-cookie__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: linear-gradient( 135deg, rgba( 22, 169, 255, 0.14 ), rgba( 79, 223, 130, 0.18 ) );
	color: var(--ada-step-active);
}
.ada-cookie__icon svg { width: 22px; height: 22px; }

.ada-cookie__body { min-width: 0; }
.ada-cookie__title {
	margin: 0 0 4px;
	font-family: var(--ada-font-display);
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.01em;
	color: var(--ada-hero-title);
}
.ada-cookie__text {
	margin: 0;
	font-family: var(--ada-font);
	font-size: 13.5px;
	line-height: 20px;
	letter-spacing: -0.006em;
	color: var(--ada-footer-ink);
}
.ada-cookie__text a {
	color: var(--ada-link);
	text-decoration: underline;
	text-underline-offset: 2px;
	white-space: nowrap;
}

.ada-cookie__actions { display: flex; gap: 8px; margin-top: 14px; }
.ada-cookie__btn {
	flex: 1;
	height: 38px;
	padding: 0 14px;
	border-radius: 10px;
	font-family: var(--ada-font);
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -0.2px;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.ada-cookie__btn--ghost {
	background: transparent;
	border: 1px solid var(--ada-divider);
	color: var(--ada-hero-title);
}
.ada-cookie__btn--ghost:hover { background: var(--ada-card-bg); }
.ada-cookie__btn--primary {
	background: var(--ada-cta);
	border: 1px solid var(--ada-cta-border);
	color: var(--ada-cta-ink);
	box-shadow: 0 1px 5px rgba( 27, 77, 255, 0.16 ), inset 0 1px 3px rgba( 255, 255, 255, 0.32 );
}
.ada-cookie__btn--primary:hover { background: var(--ada-cta-hover); }
.ada-cookie__btn:focus-visible { outline: 2px solid var(--ada-announce-from); outline-offset: 2px; }

@media (max-width: 560px) {
	.ada-cookie { left: 16px; right: 16px; bottom: 16px; width: auto; padding: 16px; }
	.ada-cookie__icon { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.ada-cookie { transition: none; }
}