/**
 * Lightbox Click Fix CSS
 * Ensures lightbox links are clickable
 */

/* Force lightbox elements to be clickable */
.gallery-pro-container .glightbox,
.gallery-pro-container .gallery-link {
    position: relative !important;
    z-index: 999 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

/* Ensure overlays don't block clicks */
.gallery-pro-overlay {
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Image wrapper should be relative */
.gallery-pro-image-wrapper {
    position: relative !important;
    cursor: pointer !important;
}

/* Fix any potential blocking elements */
.gallery-pro-item * {
    pointer-events: inherit;
}

.gallery-pro-item .glightbox {
    pointer-events: auto !important;
}

/* Debug borders (remove after testing) */
.debug-mode .glightbox {
    border: 2px solid red !important;
    box-sizing: border-box;
}

.debug-mode .gallery-pro-overlay {
    border: 2px solid blue !important;
    box-sizing: border-box;
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
    .gallery-pro-container .glightbox {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }
}

/* Prevent any CSS conflicts */
.gallery-pro-container {
    isolation: isolate;
}

.gallery-pro-item {
    contain: layout style;
}