/**
 * Slick carousel overrides for proper image display
 */

/* Force proper display for slick carousel */
.slick-slider .slick-slide {
  height: 180px !important;
  overflow: hidden !important;
}

.slick-slider .slick-slide > div {
  height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Fix image display */
.slick-slider .slick-slide img {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  object-position: center center !important;
  position: relative !important;
  transform: none !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
}

/* Ensure containers don't add extra space */
.slick-slider .field,
.slick-slider .field__item,
.slick-slider .field__items,
.slick-slider .field--type-image {
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Links should fill container */
.slick-slider a {
  display: block !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Track and list heights */
.slick-track {
  height: 180px !important;
  display: flex !important;
  align-items: center !important;
}

.slick-list {
  height: 180px !important;
  overflow: hidden !important;
}

/* Remove whitespace after carousel */
.view-frontpage .attachment-before,
.view-id-frontpage .attachment-before {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Responsive heights */
@media (min-width: 768px) and (max-width: 1199px) {
  .slick-slider .slick-slide,
  .slick-slider .slick-slide > div,
  .slick-slider .slick-slide img,
  .slick-track,
  .slick-list {
    height: 160px !important;
  }
}

@media (max-width: 767px) {
  .slick-slider .slick-slide,
  .slick-slider .slick-slide > div,
  .slick-slider .slick-slide img,
  .slick-track,
  .slick-list {
    height: 140px !important;
  }
}