/* 
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 */
.elementor-widget:not(:last-child) {
  margin-block-end: 0px !important;
}


.header-nav .header-comp-logo {padding: 10px !important;}
.header-nav.sticky-nav-area .header-comp-logo img {width: 250px !important;}

.uc-breadcrumbs-list {justify-content: center !important;}

/* sticky header
1. LOGO SCURO (Default: nascosto) */
.d-logo {
  display: none;
  max-width: 350px; /* La tua dimensione specifica */
}
/* 2. LOGO CHIARO (Default: visibile) */
.l-logo {
  display: inline-block;
  max-width: 250px; /* La tua dimensione specifica */
  transition: opacity 0.5s ease;
}
/* 3. SWITCH LOGO ALLO SCROLL (dopo 200px offset) */
.elementor-sticky--effects .d-logo {
  display: inline-block;
  animation: fadeInLogo 0.6s ease-in-out; /* Aggiunge la sfumatura */
}
.elementor-sticky--effects .l-logo {
  display: none;
}
/* 4. BACKGROUND E TRANSIZIONE HEADER */
#header.elementor-sticky--effects {
  background: #fff !important;
  transition: all 0.5s ease-in-out;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1) !important;
}
/* 5. DEFINIZIONE DELL'ANIMAZIONE DI TRASPARENZA */
@keyframes fadeInLogo {
  0% {
    opacity: 0;
    transform: translateY(-5px); /* Leggero movimento per renderlo più elegante */
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}