body {
      font-family: "Poppins", sans-serif;
      margin: 0;
      padding: 0;
      overflow-x: hidden;

    }
.navbar {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ombra morbida */
  background-color: #ffffa0; /* il giallo leggermente più scuro che preferisci */
}

    /* Navbar */
    .navbar {
       background: #ffff99;
      z-index: 1000;
    }
    .navbar-nav .nav-link {
      padding: 10px 15px;
    }
 .nav-link {
            color: #333 !important;
            font-weight: 500;
        }
  .nav-link.active {
            color: #008080 !important;
            font-weight: 600;
        }
/* Stile generale per il titolo nella navbar */
.navbar-title h1 {
  margin: 0;
  color: #008080;
  font-size: 1.8rem; /* dimensione di default */
  font-weight: 700;
  line-height: 1.2;
}

/* Riduci il font su tablet e mobile */
@media (max-width: 768px) {
  .navbar-title h1 {
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .navbar-title h1 {
    font-size: 1rem;
  }
}


    /* Hero Carousel */
    .hero-carousel .carousel-item {
      position: relative;
      height: 450px;
      overflow: hidden;
    }

@media (max-width: 768px) {
    .hero-carousel .carousel-item {
      position: relative;
      height: 300px;
      overflow: hidden;
    }
 .carousel-caption {
margin-bottom:-150px;
}
}

    .hero-carousel .carousel-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 8s ease-in-out;
    }
    .hero-carousel .carousel-item.active img {
      transform: scale(1.1);
    }
    .hero-carousel .carousel-item::before {
      content: "";
      position: absolute;
      top:0; left:0;
      width:100%; height:100%;
      background: rgba(0,0,0,0.45);
      z-index:1;
      pointer-events:none;
    }
    .hero-carousel .carousel-caption {
      position: absolute;
      top:50%;
      left:50%;
      transform: translate(-50%, -50%);
      text-align:center;
      color:#fff;
      z-index:2;
      opacity:0;
      transition: all 1s ease-in-out;
      width:90%;
    }
    .hero-carousel .carousel-item.active .carousel-caption {
      opacity:1;
      transform: translate(-50%, -50%);
    }
    .hero-carousel h1 {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 15px;
margin-top: 30px;
    }
    .hero-carousel p {
      font-size:1.2rem;
      margin-bottom:20px;
    }
    .hero-carousel .btn {
      padding: 10px 20px;
      font-weight: 600;
    }

   /* ---------------------------
   INFO SECTION - EITRI
----------------------------*/

/* Sezione generale */
.info {
  background-color: #f5f5dc; /* Sfondo neutro */
  padding: 40px 5px;
}

.info .brand-logo {
  max-width: 180px;
  transition: transform 0.3s ease;
}

.info .brand-logo:hover {
  transform: scale(1.05);
}

/* Brand Section nascosta di default (se gestisci il click con JS) */
.brand-section {
  display: none; /* Viene mostrata da JS con showSection() */
  background: #222;
  border-radius: 15px;
  padding: 30px 5px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  animation: fadeIn 0.8s ease-in-out;
  color: #fff;
}

.brand-section.active {
  display: block;
}

/* Overlay interna per gestire il testo */
.brand-section .overlay {
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
  border-radius: 10px;
}

/* Immagini galleria */
.eitri-gallery-img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.eitri-gallery-img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0,0,0,0.5);
}

/* Social Icons */
.social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.social-icons a:hover {
  transform: scale(1.2);
}

/* Testo */
.brand-section p, 
.brand-section li {
  font-size: 1rem;
  line-height: 1.5;
}

/* Animazione di apparizione */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsivo */
@media (max-width: 768px) {
  .eitri-gallery-img {
    height: 200px;
  }
  .brand-section p,
  .brand-section li {
    font-size: 0.95rem;
  }
}

    .brand-logo {
      flex: 1 1 25%;
      max-width:180px;
      min-width:80px;
      height:auto;
    }
    @media (max-width:992px) {
      .brand-logo { flex:1 1 30%; max-width:150px; }
    }
    @media (max-width:576px) {
      .brand-logo { flex:1 1 28%; max-width:100px; min-width:70px; }
    }

  /* ---------------------------
   FOOTER
----------------------------*/
 footer {
      background: #ffff99;
      text-align: center;
      padding: 20px 15px;
      font-size: 0.9rem;
    }

    /* Bottone scroll-top */
    #scrollTopBtn {
      width:45px; height:45px;
      border-radius:50%;
      padding:0;
      font-size:1.5rem;
      display:flex;
      justify-content:center;
      align-items:center;
      cursor:pointer;
      box-shadow:0 4px 6px rgba(0,0,0,0.2);
      position: fixed;
      bottom:35px;
      right:20px;
      display:none;
      z-index:1000;
background: #ffff99;
    }
/* MODIFICA: Titolo responsive per mobile */
.hero-title {
  font-size: 1.2rem; /* Ridotto da 1.5rem a 1.2rem */
  color: #fff;
  margin: 0;
}
#nocookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f0f0f0; /* sfondo grigio chiaro */
  color: #000;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

#nocookie-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #f0f0f0;
  color: #000;
  padding: 8px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 1055; /* più alto della navbar (Bootstrap usa 1030) */
}

/* Banner in alto */
/* Banner in alto */
#nocookie-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #f0f0f0;
  color: #000;
  padding: 8px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  z-index: 1100; /* più alto della navbar */
}

/* Pulsante */
#nocookie-banner button {
  background: #007bff;
  color: #fff;
  border: none;
  padding: 4px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.8rem;
}
#nocookie-banner button:hover {
  background: #0056b3;
}

/* Sposta navbar sotto il banner */
body.has-banner .navbar.fixed-top {
  top: 40px; /* altezza banner */
}

/* Spazio iniziale per il contenuto */
body.has-banner > *:not(#nocookie-banner) {
  margin-top: 40px; /* previene che il contenuto vada sotto il banner */
}
/* Forza la visibilità del pulsante di chiusura di Lightbox */
.lb-data .lb-close {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: none !important;
    font-size: 30px;
    color: white !important;
    right: 10px;
    top: 10px;
}
.brand-section .overlay {
  position: relative;
  z-index: 1; /* più basso del lightbox */
}