/* Ensure overlay layers never block clicks */
#particles-js { pointer-events: none; }
.loader-wrapper { pointer-events: none; }

/* Make the entire service "card" clickable without changing its look */
.service-card-link {
  display: block;
  color: inherit;
}
.service-card-link:hover,
.service-card-link:focus {
  color: inherit;
}

/* Portfolio is nested inside Service; tighten spacing so it feels like a single flow */
#service #portfolio.portfolio-in-service {
  padding-top: 0;
  padding-bottom: 40px;
}
#service #portfolio .portfolio-title-tight {
  margin-bottom: 25px;
}

/* Keep the Portfolio section present so header #portfolio always works,
   but hide the gallery until a category is chosen. */
body.no-portfolio #portfolio .gallery {
  display: none;
}

/* When category is chosen, hide the hint text */
body.has-portfolio #portfolio-hint {
  display: none;
}
/* Offset scroll position so fixed navbar doesn't cover the section title */
#portfolio-anchor {
  scroll-margin-top: 250px; /* adjust up/down as needed */
}
/* Gallery thumbnail affordance */
.gallery a img {
  cursor: zoom-in;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Subtle hover lift */
.gallery a:hover img {
  transform: scale(1.5);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}