.galeria-karta {
    padding: 20px 10px 20px 10px;
    background: #ffffff;
    margin: 5px;
    border: 1px solid #ccc;
    min-height: 135px;
}
.galeria-karta a {
    font-size: 80%;
    line-height: 1.2em;
    text-decoration: none;
    display: inline-block;
    color: var(--color-dark-orange);
}
.col-zdjecie a {
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 2px;
}
.col-zdjecie {
    max-width: 110px;
}
.col-tekst {
    width: calc(100% - 110px);
}
.karta-ile {
    font-size: 0.8em;
}

/****************suwak do tabeli*****************/

/* Główny kontener tabeli (dolny suwak) */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  display: block;
}

/* Górny kontener na suwak */
.top-scrollbar {
  width: 100%;
  overflow-x: auto; /* Włączamy suwak poziomy */
  overflow-y: hidden; /* Ukrywamy pionowy */
  height: 20px; /* Wysokość idealna, by zmieścić sam pasek przewijania */
}

/* Jeśli tabela mieści się na ekranie, ukrywamy górny suwak */
.table-responsive:not([style*="overflow"]) {
  /* Opcjonalne zabezpieczenie: jeśli wrapper nie przewija, 
     górny suwak też można schować w JS lub CSS */
}

/* Sztuczna treść wewnątrz górnego suwaka */
.top-scrollbar-fake-content {
  height: 1px; /* Minimalna wysokość, tylko by istniał element */
}



/***************menu left dla zalogowanych*****************/
.menu-left.parent-menu-dla-zalogowanych{
    display: none;
}
.user-logged-in .menu-left.parent-menu-dla-zalogowanych{
    display: block;
}

.skip-link:hover, .skip-link:focus {
    color: #ffffff;
}

button.slick-arrow:focus {
    outline: 1px solid #000000;
    border: 1px solid #ffffff;
}