/* Fix for Services Section - Prevent images from overlapping text */
/* This is a CSS-only fix that doesn't rely on JavaScript */

/* Fix the parent section to allow full content visibility */
section#services,
#services {
  overflow: visible !important;
  min-height: auto !important;
  height: auto !important;
}

/* DISABLE Isotope's absolute positioning entirely for services section */
.isotope.projects-container {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 40px 20px !important;
  position: relative !important;
  height: auto !important; /* Override Isotope's fixed height */
  min-height: auto !important;
  overflow: visible !important; /* Ensure all items are visible */
  padding-bottom: 40px !important; /* Extra padding at bottom */
}

/* Force all isotope items to use static positioning instead of absolute */
.isotope.projects-container .isotope-item {
  position: static !important;
  width: 100% !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
}

/* Responsive grid */
@media screen and (max-width: 1199px) {
  .isotope.projects-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (max-width: 768px) {
  .isotope.projects-container {
    grid-template-columns: 1fr !important;
  }
}

/* Ensure cards display properly */
.project-card {
  width: 100% !important;
  margin: 0 !important;
}

.project-card .card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  margin: 0 !important;
}

/* Ensure images don't overflow */
.project-card .card-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.project-card .card-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

/* Card body styling */
.project-card .card-body {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Remove grid-sizer styles as we're not using Isotope masonry anymore */
.grid-sizer {
  display: none !important;
}