/*
 Theme Name:   Valle Grana Cultural Village
 Theme URI:    https://generatepress.com/
 Description:  Child theme di Valle Grana Cultural Village
 Author:       Visualworks
 Author URI:   https://www.visualworks.it
 Template:     generatepress
 Version:      1.0
*/

.header-img {
  will-change: transform;
}

.gform_required_legend  {
  display: none;
}

.bottone-contatto a {
  background: #092557;
  color: #ffffff !important;
  border-radius: 300px;
  padding: 0px 30px 0px 30px !important;
  line-height: 50px !important;
}

.bottone-contatto a:hover {
  background: #4AA9AC;
}

#sticky-navigation a {
  font-size: 15px !important;
}

.menu-footer a:hover {
  color: #4AA8AA !important;
}

/* STILI FORM */

.gform-button {
  background: #092557 !important;
  border-radius: 300px !important;
}

.gform-button:hover {
  background: #4AA8AA !important;
}

/* STILE MAPPA */

.leaflet-container  {
  font-family: "Parkinsans", serif !important;
}

/* MOBILE */

@media (max-width: 768px) {
  .header-img {
    display: none !important;
  }
}

/* WEGL HEADER EFFECT */

/*
  SNIPPET CSS — WPCode → tipo CSS → location: Site Wide Header

  Aggiunge il canvas WebGL sopra il background-image di GB
  senza alterare la struttura esistente.
*/

/* Il wrapper deve essere position:relative per contenere il canvas assoluto */
.gb-element-e832f318 {
  position: relative;
}

/* Canvas WebGL: copre tutto il wrapper, sta sopra il bg ma sotto il contenuto */
.gb-element-e832f318 > .hero-gl-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none; /* il mouse passa attraverso al wrapper */
}
.gb-element-e832f318 > .hero-gl-canvas.gl-ready {
  opacity: 1;
}

/* Tutto il contenuto GB esistente deve stare sopra il canvas */
.gb-element-e832f318 > *:not(.hero-gl-canvas) {
  position: relative;
  z-index: 1;
}

/* Mobile / touch: nasconde il canvas, il background-image CSS rimane visibile */
@media (pointer: coarse) {
  .gb-element-e832f318 > .hero-gl-canvas {
    display: none;
  }
}

/* Rispetta prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .gb-element-e832f318 > .hero-gl-canvas {
    display: none;
  }
}