/* ========== FEATURED POST BLOCK ========== */

/* Image hover whitening effect */
.featuredpost .kadence-post-image {
  position: relative;
  overflow: hidden;
}

.featuredpost .kadence-post-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0);
  transition: background 0.3s ease;
  pointer-events: none; /* keep image clickable */
}

/* Light white tint appears on hover */
.featuredpost:hover .kadence-post-image::after {
  background: rgba(255, 255, 255, 0.35);
}

/* Underline the post title (h2.entry-title) on hover */
.featuredpost:hover h2.entry-title,
.featuredpost:hover h2.entry-title a {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  text-decoration-color: currentColor;
  transition: text-decoration-color 0.3s ease;
}

/* ========== BLUE RECTANGLE BEHIND CONTENT ========== */

/* Limit to inner content container only */
.featuredpost .kt-blocks-post-grid-item-inner {
  position: relative;
  isolation: isolate;
  z-index: 0;
}

/* Blue rectangle background */
.featuredpost .kt-blocks-post-grid-item-inner::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 60px;   /* shorter left edge */
  right: 20px;  /* extend more on right */
  bottom: -5px;
  background-color: #19649e;
  border: 3px solid #19649e;
  border-radius: 0;   /* sharp corners */
  z-index: -1;        /* sit behind content */
  pointer-events: none;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

/* Hover brighten effect */
.featuredpost .kt-blocks-post-grid-item-inner:hover::before {
  background-color: #228fd1;
  border-color: #228fd1;
  box-shadow: 0 0 8px rgba(25, 100, 158, 0.4);
}

/* ========== SPACING TWEAKS ========== */

/* Add light breathing room below the read-more link if present */
.featuredpost .kt-blocks-post-readmore-wrap {
  padding-bottom: 5px;
}