/**
 * Benji Pixel - consent banner styling.
 * Uses the Benji brand palette (brown/espresso/gold on a warm surface) so the
 * banner reads as part of the site, not a bolt-on. Fixed to the bottom, quiet.
 */
.bp-consent-banner {
	position: fixed;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	z-index: 99999;
	background: #17130d;
	color: #f1e9db;
	border: 1px solid rgba( 238, 171, 32, 0.35 );
	border-radius: 4px;
	box-shadow: 0 8px 40px rgba( 0, 0, 0, 0.35 );
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.bp-consent-banner[hidden] {
	display: none;
}

.bp-consent-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.5rem;
	max-width: 1180px;
	margin: 0 auto;
	padding: 1rem 1.25rem;
}

.bp-consent-text {
	flex: 1 1 320px;
	margin: 0;
	font-size: 0.85rem;
	line-height: 1.55;
	color: #e7dcc7;
}

.bp-consent-link {
	color: #eeab20;
	text-decoration: underline;
	white-space: nowrap;
}

.bp-consent-actions {
	display: flex;
	gap: 0.6rem;
	flex: 0 0 auto;
}

.bp-consent-actions button {
	cursor: pointer;
	font-family: inherit;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 0.7rem 1.4rem;
	border-radius: 3px;
	border: 1px solid transparent;
	transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.bp-consent-accept {
	background: #eeab20;
	color: #17130d;
	border-color: #eeab20;
}

.bp-consent-accept:hover {
	background: #f2bb45;
	border-color: #f2bb45;
}

.bp-consent-decline {
	background: transparent;
	color: #e7dcc7;
	border-color: rgba( 231, 220, 199, 0.5 );
}

.bp-consent-decline:hover {
	border-color: #e7dcc7;
	color: #fff;
}

@media ( max-width: 600px ) {
	.bp-consent-inner {
		flex-direction: column;
		align-items: stretch;
	}
	.bp-consent-actions {
		justify-content: stretch;
	}
	.bp-consent-actions button {
		flex: 1 1 auto;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.bp-consent-actions button {
		transition: none;
	}
}