/* RapidLeech static demo: bottom notice bar and the "this is a demo" popup. Uses the template's own colours. */
.qpd-has-bar body { padding-bottom: 56px; }
.qpd-bar {
	position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 9000;
	display: flex; align-items: center; gap: 12px; max-width: calc(100vw - 32px); box-sizing: border-box;
	padding: 9px 10px 9px 12px; border-radius: 999px;
	background: var(--surface, #141414); color: var(--text-main, #f5f5f5);
	border: 1px solid var(--card-border, rgba(255,255,255,.08)); box-shadow: 0 8px 30px rgba(0,0,0,.35);
	font: 500 13px/1.35 Inter, system-ui, sans-serif;
}
.qpd-tag { flex: none; padding: 3px 8px; border-radius: 999px; background: var(--warning, #eab308); color: #0a0a0a; font-weight: 700; font-size: 11px; letter-spacing: .06em; }
.qpd-text { color: var(--text-main, #f5f5f5); }
.qpd-link { flex: none; padding: 6px 12px; border-radius: 999px; background: var(--primary, #fafafa); color: var(--primary-contrast, #0a0a0a) !important; text-decoration: none !important; font-weight: 600; }
.qpd-link:hover { opacity: .9; }
@media (max-width: 640px) {
	.qpd-bar { left: 10px; right: 10px; bottom: 10px; transform: none; max-width: none; border-radius: 14px; align-items: center; gap: 8px; padding: 8px 8px 8px 10px; }
	.qpd-text { flex: 1 1 auto; min-width: 0; font-size: 12px; }
	.qpd-link { padding: 6px 10px; font-size: 12px; }
	.qpd-has-bar body { padding-bottom: 90px; }
}

.qpd-overlay {
	position: fixed; inset: 0; z-index: 9500; display: none; align-items: center; justify-content: center; padding: 16px;
	background: rgba(0,0,0,.6); backdrop-filter: blur(3px);
}
.qpd-overlay.is-open { display: flex; }
.qpd-box {
	width: 100%; max-width: 440px; box-sizing: border-box; padding: 24px; border-radius: 14px; text-align: center;
	background: var(--card-bg, #141414); color: var(--text-main, #f5f5f5); border: 1px solid var(--card-border, rgba(255,255,255,.08));
	box-shadow: 0 20px 60px rgba(0,0,0,.5); font: 400 14px/1.55 Inter, system-ui, sans-serif;
}
.qpd-icon { width: 44px; height: 44px; margin: 0 auto 10px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--primary-muted, rgba(250,250,250,.12)); font-size: 22px; color: var(--warning, #eab308); }
.qpd-box h2 { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: var(--text-main, #f5f5f5); }
.qpd-box p { margin: 0 0 10px; color: var(--text-muted, #a3a3a3); }
.qpd-box .qpd-what { color: var(--text-main, #f5f5f5); font-weight: 600; }
.qpd-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 16px; }
.qpd-btn {
	display: inline-flex; align-items: center; padding: 9px 14px; border-radius: 8px; cursor: pointer; text-decoration: none !important;
	border: 1px solid var(--card-border, rgba(255,255,255,.08)); background: var(--surface-hover, #1a1a1a); color: var(--text-main, #f5f5f5) !important;
	font: 600 13px/1.2 Inter, system-ui, sans-serif;
}
.qpd-btn:hover { border-color: var(--accent, #a3a3a3); }
.qpd-primary { background: var(--primary, #fafafa); color: var(--primary-contrast, #0a0a0a) !important; border-color: transparent; }