/* dodosweb Content Protect — front-end */

#dcp-alert {
	--dcp-bg: #111827;
	--dcp-fg: #f9fafb;
	--dcp-accent: #ef4444;
	--dcp-size: 15px;
	--dcp-radius: 10px;
	position: fixed;
	z-index: 2147483000;
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: min(92vw, 440px);
	padding: 12px 18px 12px 14px;
	background: var(--dcp-bg);
	color: var(--dcp-fg);
	border-left: 4px solid var(--dcp-accent);
	border-radius: var(--dcp-radius);
	font: 500 var(--dcp-size)/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
	-webkit-user-select: none;
	user-select: none;
	box-sizing: border-box;
}
#dcp-alert.dcp-shadow-soft { box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
#dcp-alert.dcp-shadow-glow { box-shadow: 0 0 0 1px var(--dcp-accent), 0 0 24px var(--dcp-accent); }
#dcp-alert .dcp-alert-icon {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--dcp-accent);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.5 3.8 10.7 9 12 5.2-1.3 9-6.5 9-12V5l-9-4zm0 6a2 2 0 0 1 2 2v2h1v6H9v-6h1V9a2 2 0 0 1 2-2zm0 1.5a.5.5 0 0 0-.5.5v2h1V9a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.5 3.8 10.7 9 12 5.2-1.3 9-6.5 9-12V5l-9-4zm0 6a2 2 0 0 1 2 2v2h1v6H9v-6h1V9a2 2 0 0 1 2-2zm0 1.5a.5.5 0 0 0-.5.5v2h1V9a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}
#dcp-alert.dcp-show {
	opacity: 1;
	visibility: visible;
	transition: opacity .2s ease, transform .2s ease;
}

#dcp-alert.dcp-pos-center        { top: 50%; left: 50%; transform: translate(-50%, -40%); }
#dcp-alert.dcp-pos-center.dcp-show { transform: translate(-50%, -50%); }
#dcp-alert.dcp-pos-top-center    { top: 24px; left: 50%; transform: translate(-50%, -12px); }
#dcp-alert.dcp-pos-top-center.dcp-show { transform: translate(-50%, 0); }
#dcp-alert.dcp-pos-bottom-center { bottom: 24px; left: 50%; transform: translate(-50%, 12px); }
#dcp-alert.dcp-pos-bottom-center.dcp-show { transform: translate(-50%, 0); }
#dcp-alert.dcp-pos-top-right     { top: 24px; right: 24px; transform: translateX(16px); }
#dcp-alert.dcp-pos-bottom-right  { bottom: 24px; right: 24px; transform: translateX(16px); }
#dcp-alert.dcp-pos-top-right.dcp-show,
#dcp-alert.dcp-pos-bottom-right.dcp-show { transform: none; }

@media (prefers-reduced-motion: reduce) {
	#dcp-alert { transition: none; }
}

/* Transparent image overlay */
.dcp-ov {
	position: absolute;
	z-index: 2;
	display: block;
	overflow: hidden;
	pointer-events: auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	background: transparent;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
.dcp-ov .dcp-ov-blank {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	opacity: 0 !important;
	pointer-events: auto !important;
	-webkit-user-drag: none;
	margin: 0 !important;
	border: 0 !important;
}
.dcp-ov .dcp-ov-text {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	color: #fff;
	font: 700 clamp(11px, 2.4vw, 22px)/1.2 system-ui, sans-serif;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	transform: rotate(-20deg);
	pointer-events: none;
	white-space: nowrap;
}

/* Code copy button */
.dcp-code-copy {
	position: absolute;
	top: 6px;
	right: 6px;
	padding: 3px 10px;
	font: 600 12px/1.6 system-ui, sans-serif;
	color: #fff;
	background: rgba(17, 24, 39, .8);
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	opacity: .75;
}
.dcp-code-copy:hover,
.dcp-code-copy:focus { opacity: 1; }

/* Print-screen friction */
html.dcp-blank body { visibility: hidden !important; }
html.dcp-blurred body.dcp-protected { filter: blur(14px); }