@charset "UTF-8";
/* ==========================================================================
   Blog kartica – hover in fokus
   Global class: .blog-card (na slide bloku bpnamz)

   OPOMBA: box-shadow tu ne deluje – .splide__track ima overflow:hidden
   in kartica zapolni track brez rezerve. Uporabljamo zoom slike in
   outline z negativnim offsetom, ki ostaneta znotraj meja kartice.
   ========================================================================== */
.blog-card {
  /* Fokusni obroč mora biti navznoter, sicer ga track odreže. */
}
.blog-card img {
  transition: transform 0.5s ease;
}
@media (hover: hover) {
  .blog-card:hover img {
    transform: scale(1.04);
  }
}
.blog-card:focus-within {
  outline: 3px solid var(--primary-semi-dark);
  outline-offset: -3px;
}
.blog-card a:focus-visible {
  outline: none;
}