/* Featured Insights Component Styles */

/* Section Styling */
.maeveport-featured-insights-section {
  /* padding is handled by .maeveport-section applied to the parent in HTML */
  background-color: #ffffff; /* White background for the component itself */
  position: relative; /* Added for stacking context */
  z-index: 1; /* Added for stacking context, consistent with sibling components */
  padding-bottom: 3.75rem; /* Added space to the bottom of the component (60px) */
}

/* Section Heading Styling */
.maeveport-featured-insights-section-title {
  font-size: var(--font-size-display-md); /* Default from dual-pane-text-line */
  font-weight: 600;
  color: #1c1c1c;
  text-align: center;
  margin-bottom: 40px;
}

/* Grid Styling */
.maeveport-featured-insights-grid {
  display: grid;
  gap: 30px;
}

/* Insight Item Styling */
.maeveport-featured-insights-item {
  text-align: left;
}

.maeveport-featured-insights-image-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Changed from 75% (4:3) to 56.25% (16:9 Aspect Ratio) */
  overflow: hidden;
  border-radius: 8px; /* Example border radius */
}

.maeveport-featured-insights-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; /* Removes extra space below image */
  contain-intrinsic-size: none !important; /* WP conflict workaround */
}

/* Text Content Styling */
.maeveport-featured-insights-text-content {
  padding-top: 16px;
}

.maeveport-featured-insights-title {
  font-size: var(
    --font-size-body-sm,
    0.95rem
  ); /* Mapped to global var, fallback to original mobile size */
  font-weight: 400;
  line-height: 1.4;
  color: #1c1c1c;
  margin: 0;
}

/* Button Container Styling */
.maeveport-featured-insights-view-all-insights-container {
  text-align: center;
  margin-top: 40px;
}

/* Button Styling */
.maeveport-featured-insights-view-all-insights-btn {
  display: inline-block;
  padding: 12px 30px;
  background-color: #1c1c1c;
  color: white;
  text-decoration: none;
  font-weight: 500;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  font-size: var(
    --font-size-body-md
  ); /* Matches .maeveport-dual-pane-text-read-more-link base */
}

.maeveport-featured-insights-view-all-insights-btn:hover {
  background-color: #333333; /* Darker shade on hover */
}

/* Responsive Adjustments for Section Title (matches .maeveport-dual-pane-text-line) */
@media (min-width: 768px) and (max-width: 991px) {
  .maeveport-featured-insights-section-title {
    font-size: var(--font-size-heading-xxxl);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  /* Adjusted from 767.98px */
  .maeveport-featured-insights-section-title {
    font-size: var(--font-size-heading-xl);
  }
}

@media (max-width: 575px) {
  .maeveport-featured-insights-section-title {
    font-size: var(--font-size-heading-lg);
  }
}

/* Responsive Adjustments for Grid and Item Titles */
/* Tablet (>=768px and <1024px) - Keeping original media query for grid and item titles for now */
@media (min-width: 768px) and (max-width: 1024px) {
  .maeveport-featured-insights-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  /* .maeveport-featured-insights-section-title font-size handled by new rules above */
  .maeveport-featured-insights-title {
    font-size: var(
      --font-size-body-md,
      1rem
    ); /* Mapped to global var, fallback to original */
  }
}

/* Desktop (>=1024px) - Keeping original media query for grid and item titles for now */
@media (min-width: 1024px) {
  .maeveport-featured-insights-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  /* .maeveport-featured-insights-section-title font-size handled by new rules above */
  .maeveport-featured-insights-title {
    font-size: var(
      --font-size-body-lg,
      1.1rem
    ); /* Mapped to global var, fallback to original */
  }
}

/* Mobile (<768px) - Grid and Button padding, original query adjusted slightly for clarity */
@media (max-width: 767.98px) {
  /* This covers <575px and 576px-767px for grid */
  .maeveport-featured-insights-grid {
    grid-template-columns: 1fr;
  }
  /* .maeveport-featured-insights-section-title font-size handled by new rules above */
  /* .maeveport-featured-insights-title font-size default is var(--font-size-body-sm, 0.95rem) */
  .maeveport-featured-insights-view-all-insights-btn {
    padding: 10px 25px;
    font-size: var(
      --font-size-body-xs
    ); /* Matches .maeveport-dual-pane-text-read-more-link responsive */
  }
  .maeveport-featured-insights-section-title {
    margin-bottom: 30px; /* Retaining mobile-specific margin from original */
  }
}