/* ===== previous-slider-hardfix.css =====
   Target: #previousProjectsSwiper + common parents
   Goal: Hide neighbor slides, remove inner paddings/margins,
         fill container, remove vertical whitespace.
*/

/* Clamp overflow up the chain (handles .container/.row/.col wrappers) */
#previousProjectsSwiper,
#previousProjectsSwiper *,
#previousProjectsSwiper :is(.swiper, .swiper-container, .swiper-wrapper){
  box-sizing: border-box;
}

#previousProjectsSwiper{
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* If any ancestor adds side paddings, neutralize only for this branch */
#previousProjectsSwiper:where(.container, .container-fluid, .row){
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Most themes add vertical padding on the section; kill it */
#previousProjectsSwiper,
#previousProjectsSwiper:where(section,div){
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Wrapper must not have margins that reveal neighbors */
#previousProjectsSwiper .swiper-wrapper{
  margin: 0 !important;
}

/* No side paddings/margins on slides; let Swiper widths rule */
#previousProjectsSwiper .swiper-slide{
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

/* Typical card/media classes */
#previousProjectsSwiper .pp-card,
#previousProjectsSwiper .pp-media{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Maintain 4:3; eliminate top/bottom bars with cover */
#previousProjectsSwiper .pp-media{ aspect-ratio: 4 / 3; overflow: hidden; }
#previousProjectsSwiper .pp-media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; /* change to contain if you prefer no crop */
}

/* Kill default figure margins if used */
#previousProjectsSwiper figure{ margin: 0 !important; }

/* Ensure pagination/nav do not add unexpected vertical space */
#previousProjectsSwiper .swiper-pagination{ margin: 0 !important; padding: 0 !important; }
#previousProjectsSwiper .swiper-button-prev,
#previousProjectsSwiper .swiper-button-next{ top: 50%; transform: translateY(-50%); }