/**
 * EMERGENCY FIX for Destination Pages
 * Force proper card heights and layout
 * ACTUAL STRUCTURE: Image is in teaser__content, not teaser__image
 */

/* Force minimum card height */
.destination-main-content .teaser,
.destination-main-content article.node--type-feature-article {
  min-height: 500px !important;
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 2rem !important;
  background: #ffffff !important;
  border-radius: 0.5rem !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Hide the empty teaser__image div */
.destination-main-content .teaser__image:empty {
  display: none !important;
}

/* Reorder: Move featured image to top using order */
.destination-main-content .teaser {
  display: flex !important;
  flex-direction: column !important;
}

.destination-main-content .teaser header {
  order: 2 !important;
  padding: 1.5rem !important;
}

.destination-main-content .teaser__content {
  order: 1 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Featured image inside content - move to top and make large */
.destination-main-content .field--name-field-featured-image {
  order: -1 !important;
  width: 100% !important;
  height: 400px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.destination-main-content .field--name-field-featured-image .field__item {
  width: 100% !important;
  height: 400px !important;
}

.destination-main-content .field--name-field-featured-image img {
  width: 100% !important;
  height: 400px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.destination-main-content .teaser:hover .field--name-field-featured-image img {
  transform: scale(1.05) !important;
}

/* Title section */
.destination-main-content .teaser__top {
  padding: 1.5rem !important;
  display: block !important;
}

.destination-main-content .teaser__title {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

.destination-main-content .teaser__title a {
  color: #1a1a1a !important;
  text-decoration: none !important;
}

.destination-main-content .teaser:hover .teaser__title a {
  color: #2563eb !important;
}

/* Body/excerpt text - style and limit */
.destination-main-content .field--name-body {
  order: 2 !important;
  padding: 0 1.5rem !important;
  margin-bottom: 1rem !important;
}

.destination-main-content .field--name-body .field__item,
.destination-main-content .field--name-body p {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: #374151 !important;
  margin: 0 !important;
}

/* Read More button using ::after */
.destination-main-content .teaser::after {
  content: "Read More" !important;
  display: block !important;
  margin: 1rem 1.5rem 1.5rem !important;
  padding: 0.75rem 1.5rem !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-radius: 0.375rem !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
}

.destination-main-content .teaser:hover::after {
  background: #1d4ed8 !important;
}