/**
 * Hide the exposed filter form for home_page_package_listing view
 */
.view-home-page-package-listing .views-exposed-form {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Ensure the AJAX wrapper is visible */
.view-home-page-package-listing .js-view-dom-id-* {
  display: block;
}

/* Style for active filter button */
.package-btn.active {
  background-color: #1F6690 !important;
  color: white !important;
  border-color: #1F6690 !important;
}

/* Loading state for AJAX */
.view-home-page-package-listing .ajax-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

/* Ensure content is visible after AJAX */
.view-home-page-package-listing .view-content,
.view-home-page-package-listing .package-card {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure grid layout is maintained */
.view-home-page-package-listing .package-card {
  display: grid !important;
}

/* Fix for hidden content after AJAX */
.view-home-page-package-listing [data-drupal-views-infinite-scroll-content-wrapper] {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .view-home-page-package-listing [data-drupal-views-infinite-scroll-content-wrapper] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .view-home-page-package-listing [data-drupal-views-infinite-scroll-content-wrapper] {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1280px) {
  .view-home-page-package-listing [data-drupal-views-infinite-scroll-content-wrapper] {
    grid-template-columns: repeat(4, 1fr);
  }
}