/**
 * Content Protection – toast notification styles
 * Position and appearance for the "function disabled" message.
 *
 * Styling guide (use in Custom CSS or theme):
 *   .wpps-cp-toast           – toast container (position, padding, background, border, shadow)
 *   .wpps-cp-toast__text     – message text inside the toast
 *   .wpps-cp-toast--top-right, .wpps-cp-toast--top-left, etc. – position modifiers
 * Example: .wpps-cp-toast { background: #1d2327; color: #fff; }
 *          .wpps-cp-toast__text { font-weight: 600; }
 */
.wpps-cp-toast {
	position: fixed;
	z-index: 999999;
	max-width: 320px;
	padding: 12px 16px;
	font-size: 14px;
	line-height: 1.4;
	color: #1d2327;
	background: #fff;
	border: 1px solid #c3c4c7;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	animation: wpps-cp-toast-in 0.2s ease-out;
}
.wpps-cp-toast__text {
	display: block;
}
.wpps-cp-toast--top-right    { top: 20px;   right: 20px; }
.wpps-cp-toast--top-left     { top: 20px;   left: 20px; }
.wpps-cp-toast--top-center   { top: 20px;   left: 50%; transform: translateX(-50%); }
.wpps-cp-toast--bottom-right { bottom: 20px; right: 20px; }
.wpps-cp-toast--bottom-left  { bottom: 20px; left: 20px; }
.wpps-cp-toast--bottom-center{ bottom: 20px; left: 50%; transform: translateX(-50%); }
@keyframes wpps-cp-toast-in {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}
.wpps-cp-toast--top-center { animation-name: wpps-cp-toast-in-tc; }
.wpps-cp-toast--bottom-center { animation-name: wpps-cp-toast-in-bc; }
@keyframes wpps-cp-toast-in-tc {
	from { opacity: 0; transform: translateX(-50%) translateY(-8px); }
	to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}
@keyframes wpps-cp-toast-in-bc {
	from { opacity: 0; transform: translateX(-50%) translateY(8px); }
	to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	.wpps-cp-toast {
		animation: none;
	}
}