/* 
Theme Name: Naru Child Theme
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 */
/* Enable custom cursor everywhere by default */
html.cursor-enabled,
html.cursor-enabled * {
  cursor: none !important;
}

/* Our custom cursor element */
.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--cursor-size, 16px);
  height: var(--cursor-size, 16px);
  border-radius: 9999px;
  pointer-events: none;
  z-index: 99999;
  /* Startposition, JS überschreibt transform pro Frame */
  transform: translate3d(-50%, -50%, 0);
  background: rgba(var(--cursor-color, 97, 62, 156), var(--cursor-opacity, .75));
  outline: var(--cursor-outline, 0px) solid rgba(var(--cursor-color, 97, 62, 156), .3);

  /* Keine Transition auf transform -> sofortige Bewegung */
  transition:
    width 120ms ease,
    height 120ms ease,
    background 120ms ease,
    outline 120ms ease;
  will-change: transform, width, height, background, outline;

  /* Optional kleine Performance Tweaks */
  contain: layout paint;
  backface-visibility: hidden;
}

/* Grow on links */
.custom-cursor.is-link {
  width: calc(var(--cursor-size, 16px) * var(--cursor-scale-link, 2.1));
  height: calc(var(--cursor-size, 16px) * var(--cursor-scale-link, 2.1));
}

/* Mousedown feedback */
.custom-cursor.is-down {
  width: calc(var(--cursor-size, 16px) * .85);
  height: calc(var(--cursor-size, 16px) * .85);
}

/* Hide when needed */
.custom-cursor.is-hidden { opacity: 0; }

/* Hero style (nutzt Variablen) */
.custom-cursor.in-hero {
  background: rgba(var(--cursor-color, 97, 62, 156), var(--cursor-opacity, .75));
  outline-color: rgba(var(--cursor-color, 97, 62, 156), .3);
}

/* Native Cursor für Text und Editable */
html.cursor-enabled body.use-native-cursor,
html.cursor-enabled body.use-native-cursor *,
html.cursor-enabled input[type="text"],
html.cursor-enabled input[type="search"],
html.cursor-enabled input[type="email"],
html.cursor-enabled input[type="url"],
html.cursor-enabled input[type="tel"],
html.cursor-enabled input[type="number"],
html.cursor-enabled input[type="password"],
html.cursor-enabled textarea,
html.cursor-enabled select,
html.cursor-enabled [contenteditable="true"] {
  cursor: auto !important;
}

/* WP Adminbar behält nativen Cursor */
#wpadminbar,
#wpadminbar * {
  cursor: auto !important;
}