/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 24 2026 | 10:26:57 */
/* ==========================================
   KOMPLETNA GALERIA - SWIPER CAROUSEL (POPRAWIONA)
   ========================================== */

/* 1. Główny kontener */
#custom-gallery-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    /* To jest pierwsza linia obrony przed wystawaniem */
    overflow: hidden; 
    box-sizing: border-box;
}

/* 2. Stylizacja samej karuzeli */
.myCustomCarousel {
    width: 100%;
    /* Padding: góra (20), boki (80 dla strzałek), dół (80 dla kropek) */
    padding: 20px 80px 80px 80px !important; 
    position: relative;
    box-sizing: border-box;
    /* KLUCZOWA POPRAWKA: To przytnie wszystko, co próbuje "wyciec" na boki */
    overflow: hidden; 
}

/* 3. Slajdy i obrazy */
.myCustomCarousel .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    /* Dodatkowe zabezpieczenie */
    overflow: hidden;
}

.myCustomCarousel .swiper-slide img {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    /* Wysokość logo na komputerach */
    max-height: 100px; 
    transition: transform 0.3s ease;
    /* Zapobiega ucinaniu cieni/efektów przy skalowaniu */
    transform-origin: center center;
}

.myCustomCarousel .swiper-slide img:hover {
    transform: scale(1.05);
}

/* 4. Nawigacja (Strzałki) */
.myCustomCarousel .swiper-button-next, 
.myCustomCarousel .swiper-button-prev {
    color: #0073aa; /* Twój kolor główny */
    top: 50%;
    /* POPRAWKA: Idealne wyśrodkowanie pionowe */
    transform: translateY(-50%); 
    z-index: 10; /* Zapewnia, że są na wierzchu */
}

.myCustomCarousel .swiper-button-prev {
    left: 15px !important;
}

.myCustomCarousel .swiper-button-next {
    right: 15px !important;
}

/* 5. Paginacja (Kropki) */
.myCustomCarousel .swiper-pagination {
    bottom: 25px !important; /* Odsunięcie od logotypów */
}

.myCustomCarousel .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ccc;
    opacity: 1;
    margin: 0 6px !important;
}

.myCustomCarousel .swiper-pagination-bullet-active {
    background: #0073aa; /* Kolor aktywnej kropki */
}

/* 6. Duży obrazek na samym dole (KPRM) */
.gallery-footer-single {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px;
    margin: 20px auto 0 auto;
    box-sizing: border-box;
	max-width: 800px;
}

.gallery-footer-single img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 7. Responsywność - TELEFONY I TABLETY */
@media (max-width: 768px) {
    .myCustomCarousel {
        /* Mniejszy padding na boki (20), duży na dół pod kropki (120) */
        padding: 20px 20px 120px 20px !important; 
    }

    .myCustomCarousel .swiper-slide img {
        /* DUŻE LOGO na mobile */
        max-height: 140px !important; 
    }

    /* Ukrywamy strzałki na mobile */
    .myCustomCarousel .swiper-button-next, 
    .myCustomCarousel .swiper-button-prev {
        display: none !important;
    }

    .myCustomCarousel .swiper-pagination {
        bottom: 40px !important;
    }
}

/* 8. Dodatkowy fix dla bardzo małych ekranów */
@media (max-width: 480px) {
    .myCustomCarousel .swiper-slide img {
        max-height: 120px !important;
    }
}