.jachthuis-slideshow-frame {
    max-width: 800px; /* Max breedte */
    margin: 0 auto; /* Midden op de pagina */
    position: relative;
    background-color: #005f63; /* Jouw petrol kleur (de juiste lichte!) */
    padding: 20px; /* Ruimte binnen het frame */
    border: 5px solid #d4af37; /* Mooie goudkleurige rand */
    border-radius: 15px; /* Kleine afgeronde hoekjes */
    overflow: hidden; /* Geen elementen die uitsteken */
    margin-bottom: 50px; /* Of meer/minder naar wens */
}

.jachthuis-slideshow img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain; /* Voorkomt vervormen */
}

.jachthuis-logo {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 70px;
    height: auto;
    z-index: 20;
    
    background: #005f63; /* Petrolkleur */
    padding: 8px;
    border-radius: 10px; /* Kleine afgeronde hoekjes voor een strak vierkant */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/* Responsive logo aanpassen */
@media (max-width: 768px) {
    .jachthuis-logo {
        width: 50px; /* Kleiner logo voor tablets/mobiel */
        bottom: 20px;
        right: 20px;
        padding: 6px;
    }
}

@media (max-width: 480px) {
    .jachthuis-logo {
        width: 40px; /* Nog kleiner logo voor telefoons */
        bottom: 15px;
        right: 15px;
        padding: 4px;
    }
}

/* Swiper navigatieknoppen */
.swiper-button-next,
.swiper-button-prev {
    color: #d4af37; /* Gouden pijltjes (hex voor klassiek goud) */
    opacity: 0; /* Onzichtbaar totdat hover */
    transition: opacity 0.3s;
}

.jachthuis-slideshow-frame:hover .swiper-button-next,
.jachthuis-slideshow-frame:hover .swiper-button-prev {
    opacity: 1; /* Pijltjes zichtbaar bij hover */
}