/* FORCE FULL WIDTH FOR ALL VIEW ELEMENTS */

/* Force the entire view structure to use full width */
.discover-cruises-section .views-element-container,
.discover-cruises-section .view,
.discover-cruises-section .view-mt-cruises,
.discover-cruises-section .view-content,
.discover-cruises-section .cruise-type-cards-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ensure the container has proper max-width and padding */
.discover-cruises-section .cruise-guides-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  width: 100% !important;
}

/* Force the cards grid to use available space */
.discover-cruises-section .cruise-type-cards {
  width: calc(100% + 20px) !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
  max-width: none !important;
}

/* Ensure cards take exactly 33.333% */
@media (min-width: 992px) {
  .discover-cruises-section .cruise-type-cards > li,
  .discover-cruises-section .cruise-type-cards .col-lg-4 {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
    padding: 0 10px !important;
  }
}

/* Fix any view that might have inline styles */
.discover-cruises-section .view[style] {
  width: 100% !important;
}

.discover-cruises-section .view-content[style] {
  width: 100% !important;
}

/* Ensure images scale properly within their containers */
.discover-cruises-section .cruise-type-cards img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}