/* ============================================================
   PLACEHOLDER IMAGES — sostituire con foto reali
   Questi gradient vengono mostrati finché le immagini reali
   non sono disponibili nella cartella /images/
   ============================================================ */

/* Hero */
.hero-bg {
  background-image:
    linear-gradient(135deg, rgba(10,25,15,.85) 0%, rgba(20,50,28,.4) 60%, rgba(10,25,15,.3) 100%),
    linear-gradient(to bottom right, #1a3320, #2d5a3d, #4d9a68, #1a3320);
}

/* Page heroes */
.page-hero-bg {
  background-color: #1a3320;
  background-image: linear-gradient(135deg, #0f2318, #2d5a3d, #244a2e);
}

/* Service cards */
.service-card-image,
.about-image-main,
.why-image,
.gallery-item {
  position: relative;
}

.service-card-image::before,
.about-image-main::before,
.why-image::before,
.gallery-item::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* Service cards gradient placeholders */
.service-card:nth-child(1) .service-card-image {
  background: linear-gradient(135deg, #2d5a3d, #4d9a68, #aed4bc);
}
.service-card:nth-child(2) .service-card-image {
  background: linear-gradient(135deg, #1a3320, #3d7a54, #7ab88f);
}
.service-card:nth-child(3) .service-card-image {
  background: linear-gradient(135deg, #244a2e, #4d9a68, #aed4bc);
}
.service-card:nth-child(4) .service-card-image {
  background: linear-gradient(135deg, #0f2318, #2d5a3d, #4d9a68);
}

/* About section */
.about-image-main {
  background: linear-gradient(160deg, #1a3320, #3d7a54, #7ab88f);
}

/* Why section image */
.why-image {
  background: linear-gradient(160deg, #0f2318, #2d5a3d);
}

/* CTA background */
.cta-section::before {
  background: linear-gradient(135deg, #1a3320, #2d5a3d, #0f2318);
  opacity: 0.4;
}

/* Broken img fallback — shows gradient bg instead of broken icon */
img {
  font-size: 0;
  color: transparent;
}