/* ===== RESET TEMA WORDPRESS ===== */
html, body,
#page, #content, #primary, #main {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
}

/* ===== WRAPPER FULLSCREEN ===== */
.db-wrapper {
  position: fixed;
  inset: 0;
  z-index: 9999;

  /* GRID PIÙ GRANDE E PIÙ MARCATO */
  background:
    linear-gradient(rgba(180,180,180,0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(180,180,180,0.12) 1px, transparent 1px),
    #000;

  /* prima 40px */
  #background-size: 64px 64px;
  background-size: 72px 72px;
  overflow: hidden;
}


/* ===== FRAME VERDE ===== */
.db-frame {
  position: absolute;

  /* prima inset: 12% */
  inset: 18%;

  z-index: 2;
  border-radius: 36px;

  background: rgba(12, 18, 24, 0.95);

  box-shadow:
    0 0 90px rgba(44,255,155,0.45),
    inset 0 0 50px rgba(44,255,155,0.25);

  backdrop-filter: blur(18px);

  overflow: hidden;
}


/* ===== SLIDESHOW A FILO ===== */
.slideshow {
  position: absolute;
  inset: 0;
}

/* ===== SLIDE ===== */
.slide {
  #padding: 3%;
  #box-sizing: border-box;
  position: absolute;
  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(0.98);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.slide.active {
  opacity: 1;
  transform: scale(1);
}

/* ===== SVG ===== */
.slide img {
  width: 100%;
  height: 100%;

  /* invece di contain */
  object-fit: cover;

  /* mascheratura reale */
  border-radius: 24px;

  /* micro zoom per evitare bordi visibili */
  transform: scale(1.04);

    /* FILTRO SCURIMENTO */
  filter: brightness(0.95);

  /* =========================
   MOBILE OPTIMIZATION
   ========================= */
@media (max-width: 768px) {

  /* Frame più grande verticalmente */
  .db-frame {
    inset: 10% 6%;
    border-radius: 28px;
  }

  /* Slide meno aggressive */
  .slide {
    padding: 6%;
  }

  /* SVG: niente crop su mobile */
  .slide img {
    object-fit: contain;   /* CHIAVE */
    transform: none;       /* niente zoom */
    border-radius: 20px;
  }

  /* Overlay un filo più leggero */
  .slide::after {
    background: rgba(0, 0, 0, 0.12);
  }
}

}