/* JAPI CSS Manager - menu ID 1471 */

/*
 * To-TeMeble | Realizacje
 * SP Easy Image Gallery - miniatury jak we wzorze
 *
 * Dodaj TYLKO na stronie /realizacje (SP Page Builder > CSS strony)
 * lub zaladuj jako osobny plik CSS w tej podstronie.
 * Nie ingeruje w liczbe kolumn, kadrowanie ani lightbox.
 */

/* Narożniki i delikatny cien w stanie spoczynku */
.speasyimagegallery-gallery-item {
  display: block;
  position: relative;
  border-radius: 24px !important;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(21, 36, 31, 0.05);
  transform: translateY(0);
  transition: transform 280ms ease, box-shadow 280ms ease;
}

/* Zaokraglamy nie tylko zdjecie, ale i nakladke galerii */
.speasyimagegallery-gallery-item > div,
.speasyimagegallery-gallery-item > div::after,
.speasyimagegallery-gallery-item img {
  border-radius: inherit !important;
}

/* Elementy wewnetrzne nie wychodza poza zaokraglone rogi */
.speasyimagegallery-gallery-item > div {
  overflow: hidden;
}

/* Nie dodajemy osobnego zoomu zdjecia: unosi sie cala miniatura */
.speasyimagegallery-gallery-item img,
.speasyimagegallery-gallery-item:hover img {
  transform: none !important;
}

/* Efekt tylko dla myszy - subtelne uniesienie i miekki cien */
@media (hover: hover) and (pointer: fine) {
  .speasyimagegallery-gallery-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 30px rgba(20, 42, 35, 0.17);
  }
}

/* Dostepnosc przy nawigacji klawiatura */
.speasyimagegallery-gallery-item:focus-visible {
  outline: 3px solid #0b806d;
  outline-offset: 3px;
}

/* Bez niepotrzebnej animacji dla uzytkownikow preferujacych ograniczony ruch */
@media (prefers-reduced-motion: reduce) {
  .speasyimagegallery-gallery-item {
    transition: none;
  }
}