/**
 * GLightbox Compatibility Styles
 * 
 * Minimal styles for the custom MSA Lightbox implementation.
 * Main styling is in gallery.css
 *
 * @package MSA_Gallery
 * @since   1.0.0
 */

/* Base container handled by JS-injected styles */

/* Additional enhancements */
.msa-lb {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.msa-lb-image {
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
}

/* Ken Burns effect for slideshow */
.msa-lb-image.ken-burns {
    animation: kenBurns 8s ease-in-out infinite alternate;
}

@keyframes kenBurns {
    0% {
        transform: scale(1) translate(0, 0);
    }
    100% {
        transform: scale(1.05) translate(-1%, -1%);
    }
}

/* Smooth transitions between slides */
.msa-lb-slide {
    transition: opacity 0.3s ease;
}

/* Hide loader when image is loaded */
.msa-lb-image.loaded + .msa-lb-loader {
    display: none !important;
}

/* Focus styles for accessibility */
.msa-lb button:focus-visible {
    outline: 2px solid #ff9933;
    outline-offset: 2px;
}

/* Hide navigation on single image */
.msa-lb[data-single="true"] .msa-lb-prev,
.msa-lb[data-single="true"] .msa-lb-next,
.msa-lb[data-single="true"] .msa-lb-counter {
    display: none;
}