/**
 * Intimacy Insight — Cookie Consent Banner
 * --------------------------------------------------------------------
 * Global (enqueued on every page) — the banner can appear anywhere a
 * first-time visitor lands, not just the homepage.
 */

.ii-cookie-banner {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 9990;
	background-color: var(--ii-color-bg);
	border-top: 1px solid var(--ii-color-border);
	box-shadow: 0 -8px 24px -8px rgba(15, 29, 27, 0.12);
}

.ii-cookie-banner__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--ii-space-4);
	max-width: var(--ii-container-xl);
	margin-inline: auto;
	padding: var(--ii-space-4) var(--ii-space-5);
}

.ii-cookie-banner__text {
	flex: 1;
	min-width: 240px;
	margin: 0;
	font-size: var(--ii-text-sm);
	line-height: var(--ii-leading-normal);
	color: var(--ii-color-text-secondary);
}

.ii-cookie-banner__text a {
	color: var(--ii-color-primary-dark);
	font-weight: var(--ii-weight-medium);
}

.ii-cookie-banner__actions {
	display: flex;
	flex-shrink: 0;
	gap: var(--ii-space-3);
}

@media (max-width: 560px) {
	.ii-cookie-banner__inner {
		flex-direction: column;
		align-items: stretch;
	}

	.ii-cookie-banner__actions {
		justify-content: flex-end;
	}
}