/* =========================================================================
   Postmark Travel — Home page "Celebrate / Indulge / Curate / Immerse"
   experience cards section ONLY.
   
   Scope: .elementor-10 .elementor-element-fbbbac5
   This file intentionally does NOT touch the Tailored Packages loop grid
   or any other page/section.
   ========================================================================= */

/* Make the grid track stretch so all card wrappers become equal height */
.elementor-10 .elementor-element-fbbbac5 {
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

/* --- All 6 card wrappers: equal height, flex column --- */
.elementor-10 .elementor-element-fbbbac5 > .e-con {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  height: 100% !important;
}

/* Inner container holding card content + optional button */
.elementor-10 .elementor-element-fbbbac5 > .e-con > .e-con {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

/* --- Images: 3:2 aspect ratio so cover photos aren't awkwardly cropped --- */
.elementor-10 .elementor-element-fbbbac5 .elementor-widget-image-box .elementor-image-box-img img,
.elementor-10 .elementor-element-fbbbac5 .elementor-widget-image-box .elementor-image-box-wrapper img {
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* --- Description: 4-line preview (MORE INFO button navigates to full page) --- */
.elementor-10 .elementor-element-fbbbac5 .elementor-widget-image-box .elementor-image-box-description {
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex: 0 0 auto !important;
}

/* Expanded state: reveal full description */
.elementor-10 .elementor-element-fbbbac5 .elementor-widget-image-box .elementor-image-box-description.expanded {
  display: block !important;
  -webkit-line-clamp: none !important;
  line-clamp: none !important;
  overflow: visible !important;
  height: auto !important;
}

/* --- Card content fills space and centers quote cards --- */
.elementor-10 .elementor-element-fbbbac5 .elementor-widget-image-box {
  flex: 1 1 auto !important;
  display: flex !important;
}

.elementor-10 .elementor-element-fbbbac5 .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.elementor-10 .elementor-element-fbbbac5 .elementor-image-box-content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Titled cards (Celebrate/Indulge/Curate/Immerse): content starts at top so button sits at bottom */
.elementor-10 .elementor-element-fbbbac5 .elementor-element-cffd6f2 .elementor-image-box-content,
.elementor-10 .elementor-element-fbbbac5 .elementor-element-00649d6 .elementor-image-box-content,
.elementor-10 .elementor-element-fbbbac5 .elementor-element-79bca94 .elementor-image-box-content,
.elementor-10 .elementor-element-fbbbac5 .elementor-element-d654408 .elementor-image-box-content {
  justify-content: flex-start !important;
}

/* --- Buttons: visible and aligned at the bottom --- */
.elementor-10 .elementor-element-fbbbac5 .elementor-widget-button {
  display: block !important;
  flex: 0 0 auto !important;
  margin-top: auto !important;
}

/* Override global home-cards.css rule that hides buttons after read-more */
.elementor-10 .elementor-element-fbbbac5 .elementor-widget-image-box[data-pm-readmore-added="1"] ~ .elementor-widget-button,
.elementor-10 .elementor-element-fbbbac5 .elementor-widget-image-box[data-pm-readmore-added="1"] + .elementor-element .elementor-widget-button,
.elementor-10 .elementor-element-fbbbac5 .elementor-element:has(> .elementor-widget-image-box[data-pm-readmore-added="1"]) ~ .elementor-element .elementor-widget-button {
  display: block !important;
}

/* --- Read more: single clean text link, not a button --- */
.elementor-10 .elementor-element-fbbbac5 .pm-read-more {
  display: inline-block !important;
  margin-top: 8px;
  font-family: var(--f-body, 'Outfit', sans-serif);
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: underline;
  color: inherit;
  cursor: pointer;
  align-self: center;
}
.elementor-10 .elementor-element-fbbbac5 .pm-read-more:hover {
  opacity: 0.7;
}

/* Legacy/defensive: hide the old inline toggle if it ever reappears */
.elementor-10 .elementor-element-fbbbac5 .read-more-toggle {
  display: none !important;
}

/* =========================================================================
   Tailored Packages / Deal section — remove duplicate loop card containers.
   
   Each loop item renders two identical containers; we keep only the first
   so each card shows a single clean "MORE INFO" button.
   Scope: .elementor-10 .elementor-element-6b01085
   ========================================================================= */

/* Hide the duplicate/secondary card container inside each loop item */
.elementor-10 .elementor-element-6b01085 .e-loop-item .elementor-element-972f5ba {
  display: none !important;
}