backup and fixes

Profice WebSite backup/style/cursor.css

@@ -0,0 +1,98 @@
+/* cursor.css */
+
+/* Default: System cursor (not custom) */
+body,
+html,
+a,
+button,
+input,
+textarea,
+select,
+.menu-toggle,
+label {
+    cursor: auto !important;
+}
+
+/* Custom cursor only when enabled */
+body:not(.system-cursor),
+body:not(.system-cursor) a,
+body:not(.system-cursor) button,
+body:not(.system-cursor) input,
+body:not(.system-cursor) textarea,
+body:not(.system-cursor) select,
+body:not(.system-cursor) .menu-toggle,
+body:not(.system-cursor) label {
+    cursor: none !important;
+}
+
+#venom-cursor {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: 9999;
+    mix-blend-mode: normal;
+    display: none; /* Hidden by default */
+}
+
+/* Show custom cursor only when not system cursor */
+body:not(.system-cursor) #venom-cursor {
+    display: block;
+}
+
+@media (pointer: coarse) {
+    body, html, a, button, input, textarea, select {
+        cursor: auto !important;
+    }
+
+    #venom-cursor {
+        display: none;
+    }
+}
+
+body.system-cursor,
+body.system-cursor * {
+    cursor: auto !important; 
+}
+
+body.system-cursor #venom-cursor {
+    display: none !important;
+    opacity: 0;
+    pointer-events: none;
+}
+
+#cursorToggle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: 2px solid var(--primary-dark);
+    color: var(--primary-dark);
+    width: 45px;
+    height: 45px;
+    border-radius: 12px;
+    cursor: auto; /* Use system cursor for toggle button */
+    transition: all 0.3s ease;
+    font-size: 20px;
+}
+
+#cursorToggle:hover {
+    background: var(--primary-dark);
+    color: var(--primary-light);
+}
+
+body:not(.system-cursor) #cursorToggle {
+    cursor: none; /* Use custom cursor when custom is enabled */
+}
+
+.top-banner.dark-theme #cursorToggle {
+    border-color: var(--primary-light);
+    color: var(--primary-light);
+}
+
+.top-banner.dark-theme #cursorToggle:hover {
+    background: var(--primary-light);
+    color: var(--primary-dark);
+}