/* 
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
*/

/* =========================================================
   Kranebet – Sticky Header + SVG Color Switcher
   ========================================================= */

/* HEADER BASE – normale (NON fixed) */
header.elementor-15{
  width: 100%;
}

/* Primo figlio: TOP pagina = trasparente */
header.elementor-15 > .elementor-element:first-child{
  background: transparent;
}

/* Quando sticky diventa fixed e animabile */
header.elementor-15.kb-sticky{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;

  will-change: transform;
  transition: transform 420ms ease;
  transform: translateY(-100%); /* parte sopra, poi scende */
}

/* Visibile */
header.elementor-15.kb-sticky.kb-show{
  transform: translateY(0);
}

/* Nascosto (slide up) */
header.elementor-15.kb-sticky.kb-hide{
  transform: translateY(-100%);
}

/* Gradient SOLO quando sticky (sul primo figlio) */
header.elementor-15.kb-sticky > .elementor-element:first-child{
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    rgba(255,255,255,0) 100%
  );
}

/* =========================================================
   SVG COLOR SWITCHER (ACF driven)
   Body classes:
   - kb-hdr-top-white / kb-hdr-top-black
   - kb-hdr-sticky-white / kb-hdr-sticky-black
   ========================================================= */

header.elementor-15 img[src$=".svg"],
header.elementor-15 svg{
  transition: filter 200ms ease;
}

/* ---------- TOP (non sticky) ---------- */
body.kb-hdr-top-white
header.elementor-15:not(.kb-sticky)
img[src$=".svg"],
body.kb-hdr-top-white
header.elementor-15:not(.kb-sticky)
svg{
  filter: invert(1) brightness(2);
}

body.kb-hdr-top-black
header.elementor-15:not(.kb-sticky)
img[src$=".svg"],
body.kb-hdr-top-black
header.elementor-15:not(.kb-sticky)
svg{
  filter: none;
}

/* ---------- STICKY ---------- */
body.kb-hdr-sticky-white
header.elementor-15.kb-sticky
img[src$=".svg"],
body.kb-hdr-sticky-white
header.elementor-15.kb-sticky
svg{
  filter: invert(1) brightness(2);
}

body.kb-hdr-sticky-black
header.elementor-15.kb-sticky
img[src$=".svg"],
body.kb-hdr-sticky-black
header.elementor-15.kb-sticky
svg{
  filter: none;
}