/* ---------- Thumbnail Wrapper ---------- */
.vc-glightbox-thumb-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}

/* ---------- Thumbnail Image ---------- */
.vc-glightbox-thumb {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}

/* ---------- Subtle Zoom on Hover ---------- */
.vc-glightbox-thumb-wrapper:hover .vc-glightbox-thumb {
    transform: scale(1.04);
}

/* ---------- Overlay ---------- */
.vc-glightbox-thumb-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(0,0,0,0.05),
        rgba(0,0,0,0.05)
    ),
    rgba(16,120,181,0.2);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.vc-glightbox-thumb-wrapper:hover::after {
    opacity: 1;
}

/* ---------- Magnifying Glass + Plus ---------- */
.vc-glightbox-thumb-wrapper::before {
    content: "\f00e"; /* Font Awesome: search-plus icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    color: rgba(16, 120, 181, 0.85); /* stands out on white images */
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
    pointer-events: none;
    z-index: 2;
    opacity: 1; /* always visible */
}
.vc-glightbox-thumb-wrapper:hover::before {
    color: #ffffff; /* white on hover */
    text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* stronger shadow for contrast */
}
/* ---------- Center Thumbnail ---------- */
/* Make the link a flex container and center its content */
.vc-glightbox-pro {
    display: flex;
    justify-content: center; /* horizontal centering */
    align-items: center;     /* vertical centering (if needed) */
}

/* Keep wrapper as inline-block so it sizes correctly */
.vc-glightbox-thumb-wrapper {
    display: inline-block;
}

/* ---------- Lightbox Arrows ---------- */
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    top: 50% !important;
    transform: translateY(-50%);
}