@charset "utf-8";
/* ============================================================
   styleCertificati.css — Stili specifici della pagina Certificati Fu Style
   (header, navbar, social e footer sono in shared.css)
   ============================================================ */

body {
  background: #e1e1e1 url("bg.jpg") repeat-x fixed;
  font-family: "Times New Roman", Times, serif;
  color: #000;
}

/* ---------- CONTENUTO PRINCIPALE ---------- */
.certificati-content-card {
  border-radius: 14px;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(200, 140, 100, 0.14) 0%, rgba(255, 255, 255, 0) 65%),
    linear-gradient(180deg, #fffef9 0%, #fdf8f0 40%, #faf3e6 100%);
}

.certificati-content-card .card-body {
  font-size: 1.05rem;
  line-height: 1.7;
}

.certificati-content-card h1 {
  color: #7a1f00;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.certificati-content-card h2 {
  color: #7a1f00;
  font-weight: 700;
  font-size: 1.8rem;
  margin-top: 1rem;
}

.certificati-content-card a {
  color: #7a1f00;
}

.certificati-content-card a:hover {
  color: #b25f2f;
}

/* ---------- LIGHTBOX GALLERY ---------- */
/* Override VisualLightBox per contenere tutto nella card */
#vlightbox1.certificati-gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: .8rem;
  margin: 1.5rem auto;
  max-width: 100%;
  width: 100% !important;
  height: auto !important;
  overflow: hidden;
}

#vlightbox1.certificati-gallery a,
#vlightbox1.certificati-gallery a.vlightbox1 {
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .10);
  transition: transform .2s ease, box-shadow .2s ease;
  background: #fff;
  aspect-ratio: auto;
  padding: .5rem;
  box-sizing: border-box;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  position: static !important;
}

#vlightbox1.certificati-gallery a:hover {
  transform: scale(1.04);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
}

#vlightbox1.certificati-gallery a img {
  display: block;
  max-width: 100% !important;
  max-height: 220px !important;
  height: auto !important;
  width: auto !important;
  object-fit: contain;
}

@media (max-width: 575.98px) {
  #vlightbox1.certificati-gallery {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: .5rem;
  }

  #vlightbox1.certificati-gallery a img {
    max-height: 180px !important;
  }
}

/* ---------- LOGO FU STYLE ---------- */
.certificati-logo {
  display: block;
  margin: 0 auto 1.5rem;
  max-width: 100%;
  height: auto;
}

/* ---------- MEDIA QUERIES ---------- */
@media (max-width: 991.98px) {
  .certificati-content-card h1 {
    font-size: 1.8rem;
  }
  .certificati-content-card h2 {
    font-size: 1.5rem;
  }
  .certificati-content-card .card-body {
    font-size: 1rem;
    line-height: 1.6;
  }
}

@media (max-width: 575.98px) {
  body {
    background-attachment: scroll;
  }
  .certificati-content-card h1 {
    font-size: 1.55rem;
  }
  .certificati-content-card h2 {
    font-size: 1.3rem;
  }
  .certificati-content-card .card-body {
    font-size: .95rem;
  }
}