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

html body .elementor a.classic-link {
    color: #000 !important;
}*/

/* Link classici con colori Elementor */
.classic-link,
.classic-link:link,
.classic-link:visited {
    color: var(--e-global-color-primary) !important;
}

.classic-link:hover,
.classic-link:active {
    color: var(--e-global-color-secondary) !important;
}


/* Rimuovi sottolineatura da tutti i link */
a {
  text-decoration: none !important;
}

/* Rimuovi sottolineatura anche al hover */
a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none !important;
}

/* FORM */

div.wpforms-container-full:not(:empty) {
    margin: 0px !important;
}

.wpforms-form .wpforms-submit {
    font-family: 'Azeret Mono', monospace !important
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 500;
    text-transform: uppercase;
}



/* Header sticky con effetto glass - senza bordo */
.glass-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: rgba(240, 240, 240, 0.42) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  transition: all 0.3s ease !important;
}

/* Container interno dell'header */
.glass-header .elementor-container {
  background: transparent !important;
}

/* Link nel menu */
.glass-header a {
  text-decoration: none !important;
}

/* Compensa l'altezza dell'header sticky nel body */
body {
  padding-top: 80px !important;
}


/* Hover sul contenitore con transizione smooth */
.box-white {
  background-color: #ffffff !important;
  transition: background-color 1s ease !important;
}

.box-white:hover {
  background-color: #e8e8e8 !important;  /* grigio chiaro chiaro */
}

/* Se vuoi anche transizione sugli elementi interni */
.box-white * {
  transition: all 0.3s ease !important;
}

/* Sticky only on desktop */
@media(min-width: 1025px){
    .col-sticky {
        position: sticky;
        top: 80px; /* distanza dal top, regolala tu */
        align-self: flex-start; 
    }
}

/*GLITCH PULSANTI*/ 

/* ===== Glitch soft globale per TUTTI i pulsanti Elementor ===== */

.elementor-button,
.elementor-button-link {
  position: relative;
  overflow: hidden;
  z-index: 0;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* testo principale sopra tutto, movimento molto piccolo */
.elementor-button span,
.elementor-button-link span {
  position: relative;
  z-index: 2;
}

/* layer glitch (bordi RGB) */
.elementor-button::before,
.elementor-button::after,
.elementor-button-link::before,
.elementor-button-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}

/* bordi ciano/magenta */
.elementor-button::before,
.elementor-button-link::before {
  border: 1px solid rgba(0, 246, 255, 0.6);
}

.elementor-button::after,
.elementor-button-link::after {
  border: 1px solid rgba(255, 0, 200, 0.6);
}

/* Hover: leggero shake globale + bordi RGB */
.elementor-button:hover,
.elementor-button:focus,
.elementor-button-link:hover,
.elementor-button-link:focus {
  animation: btnGlitchShake 180ms steps(2) 1;
  box-shadow:
    2px 0 0 rgba(0, 246, 255, 0.7),
   -2px 0 0 rgba(255, 0, 200, 0.7);
}

/* layer glitch che “saltano” */
.elementor-button:hover::before,
.elementor-button:focus::before,
.elementor-button-link:hover::before,
.elementor-button-link:focus::before,
.elementor-button:hover::after,
.elementor-button:focus::after,
.elementor-button-link:hover::after,
.elementor-button-link:focus::after {
  opacity: 1;
  animation: btnGlitchSliceSoft 500ms steps(3) infinite;
}

/* testo: micro-glitch ogni ~2.5s */
.elementor-button:hover span,
.elementor-button:focus span,
.elementor-button-link:hover span,
.elementor-button-link:focus span {
  animation: btnGlitchText 2500ms steps(2) infinite;
}

/* ===== Keyframes ===== */

@keyframes btnGlitchShake {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(1px, 0); }
  100% { transform: translate(0, 0); }
}

/* movimento più evidente sui layer RGB */
@keyframes btnGlitchSliceSoft {
  0%   { transform: translate(0, 0); }
  25%  { transform: translate(2px, -1px); }
  50%  { transform: translate(-2px, 1px); }
  75%  { transform: translate(1px, -1px); }
  100% { transform: translate(0, 0); }
}

/* micro “raffica” iniziale, spostamento molto piccolo del testo bianco */
@keyframes btnGlitchText {
  0%   { transform: translate(0, 0); text-shadow: none; }

  5%   { transform: translate(0.5px, -0.5px); text-shadow: -1px 0 #00f6ff, 1px 0 #ff00c8; }
  10%  { transform: translate(-0.5px, 0.5px); text-shadow: -1px 0 #00f6ff, 1px 0 #ff00c8; }
  15%  { transform: translate(0.5px, 0); text-shadow: -1px 0 #00f6ff, 1px 0 #ff00c8; }
  20%  { transform: translate(-0.5px, -0.5px); text-shadow: -1px 0 #00f6ff, 1px 0 #ff00c8; }

  25%  { transform: translate(0, 0); text-shadow: none; }
  100% { transform: translate(0, 0); text-shadow: none; }
}