/* Sätt hero-höjd och beskär bilden snyggt */
.site-featured-image .post-thumbnail,
.site-featured-image .post-thumbnail img {
  height: 360px;          /* ÄNDRA här */
}

.site-featured-image .post-thumbnail {
  overflow: hidden;
}

.site-featured-image .post-thumbnail img {
  width: 100%;
  object-fit: cover;      /* gör att bilden fyller och beskärs */
  display: block;
}

.site-header.featured-image {
  min-height: 5vh !important;
}

/* Overlay-färg ovanpå hero-bilden */
.site-header.featured-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(156, 84, 84, 0.35); /* ÄNDRA FÄRG HÄR */
  z-index: 1;
}