/* Legal e Privacy posizionamento menu al fianco del titolo  */
.d-flexy {
    display: flex;
    justify-content: space-between; /* Spazio tra titolo e breadcrumb */
    align-items: center; /* Allinea verticalmente */
   flex-wrap: wrap; /* Se lo spazio è troppo piccolo, va a capo */
   align-items: flex-start;
}

.breadcrumb {
    display: flex; /* Assicura che i link siano in linea */
    gap: 10px; /* Distanza tra i link */
    padding-bottom: 20px; /* Spazio extra sotto la breadcrumb */
}

.breadcrumb-item {
    white-space: nowrap; /* Evita che i link vadano a capo */
}


/* scroll pagina legal e privacy */
.scroll {
    scroll-margin-top: 80px;
}

/* sfondo pagina news */
.sfondo-news {
    position: relative;
    width: 100%;
    min-height: 500px; /* Usa min-height invece di height */
    background-image: url('https://www.gmtecnoled.com/img/news1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
/*.sfondo-news::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.5);
    z-index: 1;*/ /* Assicura che l'overlay resti sotto il contenuto */
/*}*/

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-news .container {
    position: relative;
    z-index: 2;
}


/* sfondo pagina legal */
.sfondo-legal {
    position: relative;
    width: 100%;
    min-height: 500px; /* Usa min-height invece di height */
    background-image: url('https://www.gmtecnoled.com/img/legal.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
.sfondo-legal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.5);
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */
}

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-legal .container {
    position: relative;
    z-index: 2;
}



/* sfondo pagina privacy */
.sfondo-privacy {
    position: relative;
    width: 100%;
    min-height: 500px; /* Usa min-height invece di height */
    background-image: url('https://www.gmtecnoled.com/img/privacy.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
.sfondo-privacy::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.5);
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */
}

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-privacy .container {
    position: relative;
    z-index: 2;
}




/* sfondo pagina about */
.sfondo-about {
    position: relative;
    width: 100%;
    min-height: 500px; /* Usa min-height invece di height */
    background-image: url('https://www.gmtecnoled.com/img/sede5.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
     background-blend-mode: overlay; /* Effetto di trasparenza più naturale*/ 
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
  .sfondo-about::before {
    content: "";
   /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.5);*/
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */
 }

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-about .container {
    /*position: relative;
    z-index: 2;*/
}

/* sfondo pagina industrial */
.sfondo-industrial {
    position: relative;
    width: 100%;
    min-height: 500px; /* Usa min-height invece di height */
    background-image: url('../img/industrial-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
.sfondo-industrial::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.2);
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */
}

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-industrial .container {
    position: relative;
    z-index: 2;
}

/* sfondo pagina office */
.sfondo-office {
    position: relative;
    width: 100%;
    min-height: 500px; /* Usa min-height invece di height */
    background-image: url('..img/office-1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
.sfondo-office::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.2);
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */
}

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-office .container {
    position: relative;
    z-index: 2;
}


/* sfondo pagina sport */
.sfondo-sport {
    position: relative;
    width: 100%;
    min-height: 500px; /* Usa min-height invece di height */
    background-image: url('https://www.gmtecnoled.com/img/sport-3.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
.sfondo-sport::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.2);
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */
}

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-sport .container {
    position: relative;
    z-index: 2;
}


/* sfondo pagina atex */
.sfondo-atex {
    position: relative;
    width: 100%;
    min-height: 500px; /* Usa min-height invece di height */
    background-image: url('https://www.gmtecnoled.com/img/atex-4.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
/*.sfondo-atex::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.2);
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */
/*}

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-atex .container {
    position: relative;
    z-index: 2;
}

/* sfondo pagina outdoor */
.sfondo-outdoor {
    position: relative;
    width: 100%;
    min-height: 500px; /* Usa min-height invece di height */
    background-image: url('https://www.gmtecnoled.com/img/outdoor-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
.sfondo-outdoor::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.2);
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */
}

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-outdoor .container {
    position: relative;
    z-index: 2;
}


/* sfondo pagina office */
.sfondo-office {
    position: relative;
    width: 100%;
    min-height: 500px; /* Usa min-height invece di height */
    background-image: url('https://www.gmtecnoled.com/img/office-1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
.sfondo-office::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.2);
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */
}

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-office .container {
    position: relative;
    z-index: 2;
}

/* sfondo pagina download */
.sfondo-download {
    position: relative;
    width: 100%;
    min-height: 400px; /* Usa min-height invece di height */
    background-image: url('https://www.gmtecnoled.com/img/download.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
.sfondo-download::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.2);
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */}

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-download .container {
    position: relative;
    z-index: 2;
}

/* sfondo pagina glossario */
.sfondo-glossario {
    position: relative;
    width: 100%;
    min-height: 400px; /* Usa min-height invece di height */
    background-image: url('https://www.gmtecnoled.com/img/lab2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
.sfondo-glossario::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.2);
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */}

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-glossario .container {
    position: relative;
    z-index: 2;
}


/* pagina 404 */
.container-404 {
    position: relative;
    background: url('https://www.gmtecnoled.com/img/404.png') no-repeat center center;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; /* Assicura che il testo sia leggibile */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay semi-trasparente */
/* .container-404::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.5);*/ /* Blu scuro semi-trasparente */
  /*  z-index: 1;
}*/

/* Assicura che il contenuto sia sopra l'overlay */
.container-404 .container {
    position: relative;
    z-index: 2;
}


/* pagina Conferma Newsletter */

.container-conf {
    position: relative;
    background: url('https://www.gmtecnoled.com/img/confirm.png') no-repeat center center;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; /* Assicura che il testo sia leggibile */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay semi-trasparente */
.container-conf::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.7);*/ /* Blu scuro semi-trasparente */
    z-index: 1;
}

/* Assicura che il contenuto sia sopra l'overlay */
.container-conf .container {
    position: relative;
    z-index: 2;
}

/* pagina Conferma disiscrizione Newsletter */

.container-conf-dis {
    position: relative;
    background: url('https://www.gmtecnoled.com/img/confirm.png') no-repeat center center;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; /* Assicura che il testo sia leggibile */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay semi-trasparente */
.container-conf-dis::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.5);*/ /* Blu scuro semi-trasparente */
    z-index: 1;
}

/* Assicura che il contenuto sia sopra l'overlay */
.container-conf-dis .container {
    position: relative;
    z-index: 2;
}

/* pagina About us */

.container-about {
    position: relative;
    background: url('https://www.gmtecnoled.com/img/404.png') no-repeat center center;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    z-index: 2;
}

/* Overlay semi-trasparente */
/*.container-about::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.7); */ /* Blu scuro semi-trasparente */
   /* z-index: 1;
}*/

/* Assicura che il contenuto sia sopra l'overlay */
.container-about .container {
    position: relative;
    z-index: 2;
}

/* Adatta lo sfondo per dispositivi più piccoli */
@media (max-width: 768px) {
    .container-about {
        background-size: contain; /* Evita che l'immagine venga ritagliata */
        background-attachment: scroll; /* Disabilita l'effetto parallax su mobile */
    }
}


/* Prodotti stile sollevato */
.sollevato {
  width: 600px;
  padding: 20px;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.5s ease;
  margin: 20px;
  
}
.sollevato:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px);
}

/* Pagina Prodotti immagini con miniature */

 .gallery-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .image-container {
            position: relative;
            width: 500px;
            height: auto;
        }
      
        .arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 5px;
            cursor: pointer;
            font-size: 18px;
            opacity: 0; /* Inizialmente nascoste */
            transition: opacity 0.3s; /* Animazione di transizione */
        }
        .image-container:hover .arrow {
            opacity: 1; /* Visibili al passaggio del mouse */
            
        }
        .arrow-left {
            left: 10px;
        }
        .arrow-right {
            right: 10px;
        }
        .thumbnails {
            display: flex;
            gap: 10px;
            margin-top: 20px;
        }
        .thumbnail {
            width: 50px;
            height: auto;
            cursor: pointer;
            transition: transform 0.3s ease; /* Transizione per effetto sollevamento */
        }
        .thumbnail:hover {
            transform: scale(1.2); /* Ingigantisce l'immagine al passaggio del mouse */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Aggiunge un'ombra per enfatizzare */
        }
        
        
        /* Pagina Download */
        
   .sidebar .accordion-button { font-size: 0.95rem; }
.sidebar a { cursor: pointer; }
.card-icon i {
  font-size: 2rem;
  color: #0d6efd;
}
.fade {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.fade.show {
  opacity: 1;
}


/* pagina Glossario*/

  [id] {
    scroll-margin-top: 100px;
  }

.title-glossario {
  border: 1px solid #ced4da;
  border-radius: 12px;
  padding: 20px;
  background-color: #fff;
  min-height: 100px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.definition-link {
  cursor: pointer;
  color: #0d6efd;
  text-decoration: underline;
  display: block;
  margin-bottom: 5px;
  transition: background-color 0.3s;
}
.definition-link:hover {
  background-color: #f0f8ff;
  text-decoration: none;
  border-radius: 5px;
  padding: 2px 4px;
}
.accordion-button::after {
  margin-left: auto;
}
.accordion-button.has-terms {
  color: #0d6efd;
}
.accordion-button.no-terms {
  color: #6c757d;
}
.highlight {
  background-color: yellow;
}
#search:focus {
  outline: none;
  box-shadow: none; /* Rimuove qualsiasi effetto di ombreggiatura o bordo */
}



#selected-description {
  border: 1px solid #ced4da;
  border-radius: 12px;
  padding: 20px;
  background-color: #fff;
  min-height: 100px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
#searchButton {
  padding: 0 15px;
}
.fade-in {
  animation: fadeInAnimation 0.5s ease-in;
}

@keyframes fadeInAnimation {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}
/* Aggiungiamo anche un effetto solo iniziale */
.startup-fade {
  animation: startupFadeAnimation 1s ease-out;
}

@keyframes startupFadeAnimation {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.pulsing-hand {
  animation: pulse 1s infinite;
}
/* Nascondi la mano sui dispositivi mobili */
@media (max-width: 768px) {
  .pulsing-hand {
    display: none;
  }
}
/* sfondo pagina approfondimenti */
.sfondo-approfondimenti {
    position: relative;
    width: 100%;
    min-height: 400px; /* Usa min-height invece di height */
    background-image: url('https://www.gmtecnoled.com/img/lab3.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 50, 0.3); /* Fallback se l'immagine non viene caricata */
    background-blend-mode: overlay; /* Effetto di trasparenza più naturale */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* Overlay scuro per migliorare leggibilità del testo */
.sfondo-approfondimenti::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 50, 0.2);
    z-index: 1; /* Assicura che l'overlay resti sotto il contenuto */}

/* Assicura che il contenuto resti sopra l'overlay */
.sfondo-approfondimenti .container {
    position: relative;
    z-index: 2;
}
/*pagin approfondimenti*/

#sidebar {
  height: calc(100vh - 56px);
  margin-top: 2rem;
  overflow-y: auto;
  padding-top: 1rem;
  border-right: 1px solid #dee2e6;
  z-index: 0;
}

.nav-link {
  color: #000;
  font-weight: 500;
}

.nav-link:hover, .nav-link.active {
  color: #0d6efd;
}

.content-section {
  margin-top: 2rem;
}

.content-section {
  margin-top: 2rem;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.content-section.show-fade {
  opacity: 1;
  transform: translateY(0);
}

.img-overlay {
    position: absolute; 
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 2;
    background: transparent;
}