.md-typeset img {
  display: block;
  /* dzięki temu margin-bottom zadziała przewidywalnie */
  margin-top: 1.2em;
  margin-bottom: 2em;
  /* dowolna wartość: px, em, rem */
}

/* Wyśrodkowanie obrazków */
.md-typeset img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* cieniowanie obrazków */
.md-typeset img {
  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); */
  filter: drop-shadow(0 6px 8px rgba(0,0,0,.125));
  border-radius: 4px;
  /* opcjonalnie */
}

/* Maksymalna szerokość obrazków */
.md-typeset img.img-750 {
  max-width: 750px;
  height: auto;
}

/* Obrazy inline, zachowujące się jak znak tekstowy */
.inline-img {
    display: inline-block !important;
    vertical-align: middle !important;
    
    /* kluczowe: obraz dopasowuje się do wysokości tekstu */
    height: 1.2em !important;            /* wysokość = wysokość linii tekstu */
    max-height: 1.2em !important;        /* zapobiega powiększaniu przez styl motywu */
    
    margin: 0 0.15em !important;
    padding: 0 !important;
}

/* wyłącz styl blokowy wymuszany przez Material */
.md-typeset p > img.inline-img {
    display: inline-block !important;
    margin: 0 0.15em !important;
}

/* Siatka obrazków */
.img-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  column-gap:18px;   /* odstęp poziomy */

}

/* Lightbox (mkdocs-glightbox / GLightbox) – usuń białe tło podpisu */
.glightbox-container .gdesc-inner{
  background: transparent !important;
}

/* Jeśli chcesz zamiast białego: półprzezroczysty pasek */
.glightbox-container .gdesc-inner{
  background: rgba(0,0,0,.80) !important;
}

/* Kolor tekstu w podpisie */
.glightbox-container .gslide-title,
.glightbox-container .gslide-desc{
  color: #fff !important;
}