/* Recent Travel News - Light green background */
.destinations-section {
  background: #e8f5f0 !important; /* Light faded JetSetter green */
  padding-bottom: 1.5rem !important; /* Extra space below the last row of cards */
}

/* FIX ALL HOMEPAGE SECTION GRIDS */

/* Kill display: contents bug for ALL homepage sections */
.destinations-section .views-element-container .grid .grid,
.destinations-section .views-element-container .grid,
.flights-section .views-element-container .grid .grid,
.flights-section .views-element-container .grid,
.gear-section .views-element-container .grid .grid,
.gear-section .views-element-container .grid {
  display: block !important;
}

/* Force proper grid on Recent Travel News */
.destinations-section .view-content > div[class*="grid"] {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 2rem !important;
}

@media (min-width: 768px) {
  .destinations-section .view-content > div[class*="grid"] {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Force proper grid on Flight Deals */
.flights-section .view-content > div[class*="grid"] {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 2rem !important;
}

@media (min-width: 768px) {
  .flights-section .view-content > div[class*="grid"] {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Force proper grid on Gear & Reviews */
.gear-section .view-content > div[class*="grid"] {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 2rem !important;
}

@media (min-width: 768px) {
  .gear-section .view-content > div[class*="grid"] {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Ensure views don't interfere */
.destinations-section .views-element-container,
.flights-section .views-element-container,
.gear-section .views-element-container {
  width: 100% !important;
  display: block !important;
}

.destinations-section .view,
.flights-section .view,
.gear-section .view {
  width: 100% !important;
  display: block !important;
}

.destinations-section .view-content,
.flights-section .view-content,
.gear-section .view-content {
  width: 100% !important;
  display: block !important;
}

/* Ensure cards display properly in grid */
.destinations-section .news-card,
.flights-section .news-card,
.gear-section article {
  display: block !important;
  width: 100% !important;
}