/* ── Główna karuzela ── */
.prosta-galeria-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    cursor: pointer;
    overflow: hidden;
}
.prosta-galeria-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ── Fullscreen overlay ── */
.prosta-galeria-fullscreen {
    position: fixed;
    inset: 0;                        /* top/right/bottom/left: 0 w jednej linii */
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.92);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prosta-galeria-fullscreen .fs-swiper-container {
    width: 90vw;
    height: 90vh;
    /* Swiper MUSI mieć wymiary – bez tego slajdy nie mają referencji do wysokości */
}

.prosta-galeria-fullscreen .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    /* NIE ustawiaj tu stałej height – dziedziczy 100% z kontenera Swipera */
}

.prosta-galeria-fullscreen .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

/* ── Przycisk zamknięcia ── */
.prosta-galeria-fullscreen .fs-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    color: #fff;
    font-size: 48px;
    line-height: 1;
    cursor: pointer;
    z-index: 1000000;
    padding: 0;
}
.prosta-galeria-fullscreen .fs-close:hover { opacity: 0.7; }

/* ── Strzałki nawigacji ── */
/* ── Strzałki nawigacji ── */
.prosta-galeria-main .swiper-button-next,
.prosta-galeria-main .swiper-button-prev,
.prosta-galeria-fullscreen .swiper-button-next,
.prosta-galeria-fullscreen .swiper-button-prev {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    transition: background-color 0.3s;
}

.prosta-galeria-main .swiper-button-next:hover,
.prosta-galeria-main .swiper-button-prev:hover,
.prosta-galeria-fullscreen .swiper-button-next:hover,
.prosta-galeria-fullscreen .swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, 0.65);
}

/* Wyczyść WSZYSTKIE pseudo-elementy – zarówno ::before jak i ::after */
.prosta-galeria-main .swiper-button-next::before,
.prosta-galeria-main .swiper-button-next::after,
.prosta-galeria-main .swiper-button-prev::before,
.prosta-galeria-main .swiper-button-prev::after,
.prosta-galeria-fullscreen .swiper-button-next::before,
.prosta-galeria-fullscreen .swiper-button-next::after,
.prosta-galeria-fullscreen .swiper-button-prev::before,
.prosta-galeria-fullscreen .swiper-button-prev::after {
    content: none !important;
    display: none !important;
}

/* Narysuj strzałkę przez SVG jako tło – niezależnie od Dashicons i WP */
.prosta-galeria-main .swiper-button-next,
.prosta-galeria-fullscreen .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='9 18 15 12 9 6' stroke='white' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

.prosta-galeria-main .swiper-button-prev,
.prosta-galeria-fullscreen .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='15 18 9 12 15 6' stroke='white' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}