/* ABSOLUTE FINAL FIX - MAXIMUM SPECIFICITY */

/* =============================================================================
   CRUISE GUIDE PAGE - Trusted Cruise Partners section fix
   ========================================================================== */

/* Override the grid on .view-content when custom grid wrapper is present */
/* Target specific article class cruise-landing-page */
html body article.cruise-landing-page section.cruise-partners-section .view-content,
html body article.cruise-landing-page .cruise-partners-section div.view-content,
html body.page-cruise-guide article .cruise-partners-section .view-content,
html body.page-cruise-guide section.cruise-partners-section .view-content,
html body .cruise-landing-page .cruise-partners-section .view-content,
html body .cruise-guides-main .cruise-partners-section .view-content,
html body article .cruise-partners-section .view-content,
html body .cruise-partners-section .view-cruise-lines .view-content,
html body .cruise-partners-section div.view-content,
section.cruise-partners-section .view-content,
.cruise-partners-section .view-content {
  display: block !important;
  grid-template-columns: none !important;
  grid: none !important;
}

/* Ensure the custom grid wrapper takes full width */
.cruise-partners-section .cruise-lines-custom-grid {
  width: 100% !important;
  display: block !important;
}

/* Ensure the flex row works */
.cruise-partners-section .cruise-lines-row {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 -10px !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Each item takes 1/3 width */
.cruise-partners-section .cruise-line-item {
  flex: 0 0 33.333% !important;
  max-width: 33.333% !important;
  padding: 0 10px !important;
  margin-bottom: 30px !important;
  box-sizing: border-box !important;
  list-style: none !important;
}

@media (max-width: 991px) {
  .cruise-partners-section .cruise-line-item {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 640px) {
  .cruise-partners-section .cruise-line-item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* =============================================================================
   ABOUT SECTION - Force side-by-side with nuclear specificity
   ========================================================================== */

article.cruise-line-page > div.container.cruise-line-content > section.cruise-line-introduction.section-padding > div.row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
  align-items: flex-start !important;
}

/* Image column - 35% */
article.cruise-line-page > div.container.cruise-line-content > section.cruise-line-introduction.section-padding > div.row > div.col-md-4 {
  flex: 0 0 35% !important;
  max-width: 35% !important;
  width: 35% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

/* Text column - 62% (leaves 3% buffer to prevent wrapping) */
article.cruise-line-page > div.container.cruise-line-content > section.cruise-line-introduction.section-padding > div.row > div.col-md-8 {
  flex: 0 0 62% !important;
  max-width: 62% !important;
  width: 62% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

/* =============================================================================
   FLEET SECTION - Force 3 columns with nuclear specificity
   ========================================================================== */

article.cruise-line-page > div.container.cruise-line-content > section.cruise-line-ships.section-padding div.list-of-ships-slideshow div.view-content {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2rem !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Each ship card */
article.cruise-line-page > div.container.cruise-line-content > section.cruise-line-ships.section-padding div.list-of-ships-slideshow div.view-content > div.col-lg-4.col-md-6.views-row {
  grid-column: span 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 0 2rem 0 !important;
  box-sizing: border-box !important;
}

/* Mobile overrides */
@media (max-width: 767px) {
  article.cruise-line-page > div.container.cruise-line-content > section.cruise-line-introduction.section-padding > div.row {
    flex-direction: column !important;
  }

  article.cruise-line-page > div.container.cruise-line-content > section.cruise-line-introduction.section-padding > div.row > div.col-md-4,
  article.cruise-line-page > div.container.cruise-line-content > section.cruise-line-introduction.section-padding > div.row > div.col-md-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  article.cruise-line-page > div.container.cruise-line-content > section.cruise-line-ships.section-padding div.list-of-ships-slideshow div.view-content {
    grid-template-columns: 1fr !important;
  }
}
