/* Ripple Safaris Gallery Lightbox - Beautiful Controls */
    #rps-lightbox {
        z-index: 10000;
    }
    
    #rps-lightbox.hidden {
        display: none;
    }
    
    #rps-lightbox-img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        max-height: 80vh;
        border-radius: 8px;
        object-fit: contain;
    }
    
    .rps-lightbox-image-container {
        position: relative;
        max-width: 90vw;
        max-height: 80vh;
    }
    
    #rps-lightbox-caption {
        bottom: 1.5rem;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(4px);
        border-radius: 9999px;
        padding: 0.5rem 1rem;
        font-size: 1.125rem;
        color: white;
        max-width: 80vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    #rps-lightbox-counter {
        bottom: 1.5rem;
        right: 1.5rem;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 9999px;
        padding: 0.25rem 0.75rem;
        font-size: 0.875rem;
        color: white;
    }
    
    .rps-lightbox-close,
    .rps-lightbox-prev,
    .rps-lightbox-next {
        border: none;
        background: none;
        cursor: pointer;
        color: white;
        font-weight: bold;
        transition: all 0.2s ease;
        backdrop-filter: blur(4px);
    }
    
    .rps-lightbox-close:hover,
    .rps-lightbox-prev:hover,
    .rps-lightbox-next:hover {
        transform: scale(1.1);
    }
    
    .gallery-thumb, .gallery-more {
        transition: all 0.2s ease;
    }
    
    .gallery-thumb:hover, .gallery-more:hover {
        transform: scale(1.02);
    }
    
    /* Hide counter when only one image */
    .rps-single-image #rps-lightbox-counter {
        display: none;
    }
    
    /* Responsive adjustments */
    @media (max-width: 768px) {
        #rps-lightbox-caption {
            font-size: 0.875rem;
            max-width: 90vw;
            bottom: 1rem;
        }
        
        #rps-lightbox-counter {
            font-size: 0.75rem;
            bottom: 1rem;
            right: 1rem;
        }
        
        .rps-lightbox-close {
            top: 1rem;
            right: 1rem;
            width: 10px;
            height: 10px;
        }
        
        .rps-lightbox-prev,
        .rps-lightbox-next {
            width: 8px;
            height: 8px;
            left: 1rem;
            right: 1rem;
        }
    }