/* ================================================================
   home-package-card-fix.css
   Fixes overflowing bullet-list content in the homepage package
   cards (.homePackage) by clamping height with a fade-out, and
   pairs with home-package-card-fix.js to make "Read More" actually
   expand/collapse instead of being purely decorative.
   ================================================================ */

.homePackage {
  max-height: 260px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.4s ease;
}

/* Fade-to-white at the bottom edge so the cut-off feels intentional */
.homePackage::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.homePackage.is-expanded {
  max-height: 2000px; /* effectively unlimited */
}
.homePackage.is-expanded::after {
  opacity: 0;
}

.homePackage ul {
  margin-left: 1.25rem;
  list-style: disc;
}
.homePackage li {
  margin-bottom: 0.4rem;
}

/* The Read More / Show Less trigger */
.package-read-more-btn {
  cursor: pointer;
  position: relative;
  z-index: 2; /* sits above the card's own <a> link */
}