/* UCMPGS Consent Guard banner
 *
 * Colors are driven by the custom properties below, which the plugin
 * re-declares inline from Settings → UCMPGS Consent Guard → Appearance.
 * The fallbacks here are the stock palette, so the banner still renders
 * correctly if that inline block is ever stripped by an optimizer. */

#ucg-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2147483000;
	background: var(--ucg-bg, #1c2733);
	color: var(--ucg-text, #d4dbe3);
	box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.35);
	font-family: inherit;
	line-height: 1.5;
}

#ucg-banner .ucg-inner {
	max-width: 1080px;
	margin: 0 auto;
	padding: 18px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}

#ucg-banner .ucg-text {
	flex: 1 1 480px;
	min-width: 260px;
}

#ucg-banner .ucg-heading {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 700;
	color: var(--ucg-heading, #ffffff);
}

#ucg-banner .ucg-message {
	margin: 0;
	font-size: 14px;
	color: var(--ucg-text, #d4dbe3);
}

#ucg-banner .ucg-message a {
	color: var(--ucg-link, #9ecbff);
	text-decoration: underline;
}

#ucg-banner .ucg-buttons {
	display: flex;
	gap: 12px;
	flex: 0 0 auto;
}

#ucg-banner .ucg-btn {
	appearance: none;
	border: 0;
	border-radius: 6px;
	padding: 10px 22px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: filter 0.15s ease;
}

#ucg-banner .ucg-btn:hover {
	filter: brightness(1.1);
}

#ucg-banner .ucg-btn:focus-visible {
	outline: 3px solid var(--ucg-link, #9ecbff);
	outline-offset: 2px;
}

/* Equal visual prominence — deliberately, for compliance optics.
 * Keep both buttons the same size and weight when recoloring them. */
#ucg-banner .ucg-accept {
	background: var(--ucg-accept-bg, #2f8f4e);
	color: var(--ucg-accept-text, #ffffff);
}

#ucg-banner .ucg-decline {
	background: var(--ucg-decline-bg, #47555f);
	color: var(--ucg-decline-text, #ffffff);
}

@media (max-width: 640px) {
	#ucg-banner .ucg-inner {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
	}

	#ucg-banner .ucg-buttons {
		justify-content: stretch;
	}

	#ucg-banner .ucg-btn {
		flex: 1 1 50%;
	}
}