/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* === Transparent Header === */
.blur-header {
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.blur-header a {
  color: white;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
html.lenis {
  scroll-behavior: auto !important;
}

/* === Cursor Wrapper === */
#futured-cursor-wrapper {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  pointer-events: none;
  z-index: 99998;
}

/* === Shared Cursor Style === */
.futured-cursor {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 99999;
  border-radius: 50%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0;
}

/* === Default Cursor (same size, style, animation as project cursor) */
#futured-cursor-default {
  width: 25px;
  height: 25px;
}
#futured-cursor-default.visible {
  opacity: 1;
}
body.futured-project-hover #futured-cursor-default {
  opacity: 0 !important;
}

/* === Project Cursor */
#futured-cursor-project {
  width: 140px;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 14px;
  text-shadow: 0 0 6px rgba(0,0,0,0.4);
  transition: transform 0.3s cubic-bezier(0.22,1,0.36,1), opacity 0.2s ease;
  opacity: 0;
}
body.futured-project-hover #futured-cursor-project {
  opacity: 1;
  transform: scale(1);
}


.elementor-element a {
    text-decoration: none !important;
}