/* FORCE 3-COLUMN GRID LAYOUT FOR CRUISE CARDS */

/* Reset any conflicting styles and force flexbox grid */
.cruise-type-cards,
ul.cruise-type-cards,
.row.cruise-type-cards,
ul.row.list-unstyled.cruise-type-cards {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  margin-right: -10px !important;
  margin-left: -10px !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Override ANY display: contents - SCOPED TO CRUISE SECTIONS ONLY */
.cruise-landing-page .view-content .views-row,
.discover-cruises-section .view-content .views-row,
.cruise-type-cards .views-row,
.cruise-type-cards li,
.cruise-type-cards li.views-row,
li.col-lg-4.col-md-6.views-row {
  display: block !important;
}

/* Force column widths on desktop */
@media screen and (min-width: 992px) {
  .cruise-type-cards > li,
  .cruise-type-cards > .views-row,
  .cruise-type-cards > .col-lg-4,
  ul.cruise-type-cards > li,
  ul.cruise-type-cards > li.views-row,
  .row.cruise-type-cards > li,
  li.col-lg-4.col-md-6.views-row.mb-3 {
    display: block !important;
    position: relative !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 33.333333% !important;
    flex: 0 0 33.333333% !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    min-width: 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    margin: 0 0 30px 0 !important;
    box-sizing: border-box !important;
  }
}

/* Force column widths on tablets */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .cruise-type-cards > li,
  .cruise-type-cards > .views-row,
  .cruise-type-cards > .col-md-6,
  ul.cruise-type-cards > li,
  li.col-lg-4.col-md-6.views-row.mb-3 {
    display: block !important;
    position: relative !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    margin: 0 0 30px 0 !important;
    box-sizing: border-box !important;
  }
}

/* Force column widths on mobile */
@media screen and (max-width: 767px) {
  .cruise-type-cards > li,
  .cruise-type-cards > .views-row,
  ul.cruise-type-cards > li,
  li.col-lg-4.col-md-6.views-row.mb-3 {
    display: block !important;
    position: relative !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    margin: 0 0 30px 0 !important;
    box-sizing: border-box !important;
  }
}

/* Ensure images scale properly */
.cruise-type-cards img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Fix card content layout */
.cruise-type-cards > li > div,
.cruise-type-cards .views-row > div {
  width: 100% !important;
}

/* Additional specificity for the cruise type cards wrapper */
.discover-cruises-section .cruise-type-cards-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

.discover-cruises-section .cruise-type-cards-wrapper .cruise-type-cards {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 -15px !important;
}

/* Ensure views-element-container uses full width */
.discover-cruises-section .views-element-container {
  width: 100% !important;
  max-width: 100% !important;
}

/* Ensure the view itself uses full width */
.discover-cruises-section .view-mt-cruises {
  width: 100% !important;
  max-width: 100% !important;
}

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

/* Debug borders removed - layout confirmed working */