/* Bonafora — rozwijany tekst SEO */

.seo-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.seo-text.open {
  display: block;
  overflow: visible;
}
/* =========================================================
   Kafelki kategorii bloga
   ========================================================= */

.cat-tile {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  cursor: pointer;
}

.cat-tile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center;
  transition: transform 0.4s ease;
}

/* Przyciemnienie dolnej części zdjęcia */
.cat-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0)
  );
}

/* Tekst na zdjęciu */
.cat-tile .overlay-text {
  position: absolute;
  left: 15px;
  bottom: 15px;
  z-index: 2;

  color: #fff;
  font-size: 18px;
  font-weight: 600;

  pointer-events: none;
}

/* Efekt tylko na urządzeniach z prawdziwym hoverem */
@media (hover: hover) and (pointer: fine) {
  .cat-tile:hover img {
    transform: scale(1.06);
  }
}

/* Bez animacji dla osób ograniczających ruch */
@media (prefers-reduced-motion: reduce) {
  .cat-tile img {
    transition: none;
  }
}