/* Lula Tag & Consent — sticky bottom bar, style-isolated from theme */

/* Reset inheritance so the host theme's CSS can't bleed in. */
#ltc-banner,
#ltc-banner *,
#ltc-manage {
	all: revert;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Full-width sticky bar pinned to the bottom. */
#ltc-banner.ltc-banner {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	z-index: 2147483646 !important;
	margin: 0 !important;
	padding: 12px 0 !important;
	background: #ffffff !important;
	border-top: 1px solid #e5e7eb !important;
	box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.10) !important;
	color: #1a1a1a !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}
#ltc-banner.ltc-banner[hidden] { display: none !important; }

/* Centered inner container. */
#ltc-banner .ltc-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	max-width: 1120px !important;   /* ~112rem feel; centered like your .container */
	margin: 0 auto !important;
	padding: 0 20px !important;
	flex-wrap: wrap !important;
}

#ltc-banner .ltc-text { flex: 1 1 420px !important; min-width: 260px !important; }
#ltc-banner .ltc-title {
	font-weight: 700 !important;
	font-size: 13px !important;
	margin: 0 0 2px !important;
	color: #111 !important;
}
#ltc-banner .ltc-body { margin: 0 !important; color: #4b5563 !important; }
#ltc-banner .ltc-body p { margin: 0 !important; }
#ltc-banner .ltc-body a { color: #2563eb !important; text-decoration: underline !important; }

/* Actions + small buttons. */
#ltc-banner .ltc-actions {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex: 0 0 auto !important;
}
#ltc-banner .ltc-btn {
	cursor: pointer !important;
	border: 0 !important;
	border-radius: 5px !important;
	padding: 7px 14px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	width: auto !important;
}
#ltc-banner .ltc-accept { background: #2563eb !important; color: #ffffff !important; }
#ltc-banner .ltc-accept:hover { background: #1d4ed8 !important; }
#ltc-banner .ltc-deny { background: #eceef1 !important; color: #111 !important; }
#ltc-banner .ltc-deny:hover { background: #dfe3e8 !important; }

#ltc-banner .ltc-links { flex: 0 0 auto !important; }
#ltc-banner .ltc-links a { color: #2563eb !important; font-size: 12px !important; text-decoration: underline !important; }

/* Closed state: small white tag, bottom-left, gray text. */
#ltc-manage.ltc-manage {
	position: fixed !important;
	left: 14px !important;
	bottom: 14px !important;
	z-index: 2147483645 !important;
	display: inline-block !important;
	cursor: pointer !important;
	margin: 0 !important;
	padding: 6px 10px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 5px !important;
	background: #ffffff !important;
	color: #374151 !important;       /* gray text, visible */
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
	white-space: nowrap !important;
}
#ltc-manage.ltc-manage:hover { background: #f9fafb !important; }

/* Mobile: stack text over buttons. */
@media (max-width: 600px) {
	#ltc-banner .ltc-inner { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
	#ltc-banner .ltc-actions { justify-content: flex-start !important; }
}