/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1744268652
Updated: 2025-04-10 07:04:12

*/

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

html {
  /* Definisce HTML come contenitore di scroll */
  overflow-y: scroll;
  overflow-x: hidden; /* Nasconde la scrollbar orizzontale */
  
  /* Applica Scroll Snap per sezione */
  scroll-snap-type: y proximity; /* O mandatory */
  scroll-behavior: smooth; /* Comportamento di scorrimento fluido */
  
  /* Ottimizzazione per la scrollbar su Firefox */
}

/* Gestione del body */
body {
  overflow: visible !important; /* Permette la visualizzazione del contenuto che eccede */
  height: auto !important; /* Permette al body di crescere con il contenuto */
  scroll-behavior: smooth; /* Effetto di scorrimento fluido */
}

/* Personalizzazione della scrollbar per WebKit (Chrome, Safari, Edge) */
html::-webkit-scrollbar {
  width: 12px; /* Imposta la larghezza della scrollbar */
}

html::-webkit-scrollbar-thumb {
  background-color: #DDC790; /* Colore del thumb */
  border-radius: 10px;        /* Angoli arrotondati */
}

html::-webkit-scrollbar-track {
  background-color: #1a1a1a;  /* Colore del track */
  border-radius: 10px;
}

/* Classi per lo scroll snap */
.elementor-snap {
  scroll-snap-align: start;
  position: relative;
}

.elementor-snap.e-con {
  scroll-snap-align: start;
  position: relative;
  z-index: 0;
  transform: scale(var(--mio-section-scale, 1));
  transition: transform 0.6s ease-out; /* Sincronia tra scale e opacità */
}

.elementor-snap.e-con::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 1);
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.6s ease-out;
  opacity: var(--mio-overlay-opacity, 0);
}

.elementor-snap.e-con > .elementor-container,
.elementor-snap.e-con > .e-con-inner {
  position: relative;
  z-index: 2;
  width: 100%;
}

/* Personalizzazione per la selezione del testo */
::-moz-selection {
  color: #fff;
  background: #DDC790;
}

::selection {
  color: #fff;
  background: #DDC790;
}