/* --- HERO 2025 --- */


.hero-wrapper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  top: 0 !important;
  z-index: 0;
}



/* immagine hero full width */
.hero-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

/* HEADER sopra la hero */
.header {
  background: transparent !important; /* elimina lo sfondo bianco */
  position: relative;
  z-index: 10; /* sopra la hero */
}

/* nav e logo trasparenti */
.header .navigation,
.header .search,
.header .logo {
  background: transparent;
}

/* link menu bianchi per visibilità sopra la hero */
.header .navigation a {
  color: #fff !important;
}







/* --- Override padding header --- */
.header {
  padding: 0 !important;   /* annulla il padding che il tema applica */
}





/* --- Rimuove il bordo dalla barra top-links --- */
.top-links {
  border-bottom: none !important;  /* elimina il bordo blu/nero */
}








.hero-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
}

.hero-text a {
  font-family: 'Poiret One', sans-serif;
  font-size: 4rem;              /* molto grande */
  font-weight: 400;
  color: #fff !important;       /* testo bianco */
  text-decoration: none;
  letter-spacing: 2px;
  border: 1px solid #ccc;       /* bordo grigio sottile */
  padding: 8px 20px;
  border-radius: 6px;           /* stondato */
  background: transparent;      /* sfondo trasparente */
  display: inline-block;
  transition: all 0.3s ease;
}

.hero-text a:hover {
  color: #fff !important;       /* testo resta bianco */
  background-color: rgba(255, 82, 227, .5); /* rosa con opacità 70% */
  border-color: #ff52e3;        /* bordo diventa rosa */
  text-decoration: none;
}












/* --- Hover senza bordo scuro --- */
.top-links-menu a {
  padding: 6px 14px;
  border: none;                      /* niente bordo di default */
  border-radius: 6px;
  transition: all 0.3s ease;
}

.top-links-menu a:hover {
  border: none;                      /* niente bordo al passaggio */
  background-color: rgba(255, 82, 227, 0.7); /* rosa trasparente .7 */
  border-radius: 6px;
}

















/* --- HERO SLIDER --- */
.hero-slider {
  position: relative;
  width: 100%;
  max-width: 2560px;
  height: auto;         /* altezza dinamica */
  margin: 0px auto;
  overflow: hidden;
}

.hero-slider .slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.hero-slider .slide.active {
  opacity: 1;
  position: relative;   /* porta la slide visibile sopra le altre */
}

.hero-slider img {
  width: 100%;
  height: auto;         /* rispetta proporzioni originali */
  display: block;
}







.album-hero-image {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
    z-index: 1;
}

.album-hero-image img {
    width: 100%;
    height: auto;
    display: block;
}