.btn-lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 3rem;
    cursor: pointer;
    padding: 10px 20px;
    z-index: 1060;
    transition: color 0.3s, transform 0.3s ease;
}

.btn-lightbox-nav:hover {
    color: #ffffff;
}

.btn-lightbox-nav.prev:hover {
    transform: translateY(-50%) translateX(-5px);
}

.btn-lightbox-nav.next:hover {
    transform: translateY(-50%) translateX(5px);
}

/* Responsive : On rapproche les flèches sur petit écran pour éviter qu'elles sortent du viewport */
@media (max-width: 991px) {
    .btn-lightbox-nav {
        font-size: 2rem;
    }

    .btn-lightbox-nav.prev {
        left: 10px !important;
    }

    .btn-lightbox-nav.next {
        right: 10px !important;
    }
}