/* ==========================================
   PHOCA GALLERY – WSPÓLNY WYGLĄD KATEGORII
   Widok wielu oraz pojedynczej kategorii
   ========================================== */

/* Stały rozmiar kafelków */
#phocagallery .pg-category-items-box .pg-item-box,
#phocagallery .pg-categories-items-box .pg-category-box {
    width: 125px !important;
    max-width: 125px !important;
    flex: 0 0 125px !important;
    margin: 8px !important;
    box-sizing: border-box !important;
}

/* Obszar zdjęcia lub dużej ikony folderu */
#phocagallery .pg-item-box-image,
#phocagallery .pg-category-box-image {
    width: 125px !important;
    max-width: 125px !important;
}

/* Tytuł umieszczony pod zdjęciem lub folderem */
#phocagallery .pg-item-box-title.category,
#phocagallery .pg-category-box-title {
    position: static !important;
    display: block !important;
    width: 125px !important;
    max-width: 125px !important;
    padding: 5px 2px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    color: #333333 !important;
    line-height: 1.2 !important;
}

/* Ukrycie tylko małej, powtórzonej ikony przy tytule */
#phocagallery .pg-item-box-title.category > svg,
#phocagallery .pg-category-box-title > svg {
    display: none !important;
}

/* Tytuł w jednym wierszu – około 15 znaków */
#phocagallery .pg-item-box-title.category a,
#phocagallery .pg-category-box-title a {
    display: block !important;
    width: 15ch !important;
    max-width: 15ch !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    color: #333333 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

/* Miejsce na tytuł pod miniaturą */
#phocagallery .pg-item-box-info,
#phocagallery .pg-category-box-info {
    width: 125px !important;
    max-width: 125px !important;
    height: auto !important;
    box-sizing: border-box !important;
}

/* Wspólne wyrównanie kafelków */
#phocagallery .pg-category-items-box,
#phocagallery .pg-categories-items-box {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
}
/* Ukrycie pól „Kolejność” oraz „Pokaż” */
#phocagallery form[name="adminForm"] > .pagination {
    font-size: 0 !important;
}

#phocagallery form[name="adminForm"] > .pagination > select,
#phocagallery form[name="adminForm"] > .pagination > .counter {
    display: none !important;
}

/* Pozostawienie numerów kolejnych stron */
#phocagallery form[name="adminForm"] > .pagination > .pagination {
    display: flex !important;
    font-size: 14px !important;
}
/* Odstęp między miniaturą a skróconym tytułem */
#phocagallery .pg-item-box-title.category,
#phocagallery .pg-category-box-title {
    margin-top: 10px !important;
    padding-top: 0 !important;
}
/* Prosta czcionka podpisów pod galeriami */
#phocagallery .pg-item-box-title.category a,
#phocagallery .pg-category-box-title a {
    font-family: Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}
/* Usunięcie ramki wokół kafelka */
#phocagallery .pg-item-box,
#phocagallery .pg-category-box {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* Usunięcie ramki miniatury bez usuwania jej cienia */
#phocagallery .pg-item-box-image,
#phocagallery .pg-category-box-image,
#phocagallery .pg-item-box-image img,
#phocagallery .pg-category-box-image img,
#phocagallery .pg-item-box-image svg,
#phocagallery .pg-category-box-image svg {
    border: none !important;
    outline: none !important;
    background-color: transparent !important;
}

/* Zmniejszenie ikon Wstecz i Do przodu */
#phocagallery .ph-si-prev-btn,
#phocagallery .ph-si-next-btn {
    width: 50px !important;
    height: 50px !important;
}

/* Zmniejszenie ikony powrotu do kategorii */
#phocagallery .ph-si-back-medium {
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    margin: 25px auto !important;
    padding: 0 !important;
}