/* GLightbox - Light overlay for better logo and content visibility */
.glightbox-container {
    --goverlay-bg: rgba(255, 255, 255, 0.94);
}

.glightbox-container .goverlay,
.glightbox-mobile .goverlay {
    background: var(--goverlay-bg) !important;
    backdrop-filter: blur(2px);
}

/* Reference section logo grid container */
#references {
    padding: 2rem 0;
}

/* Reference logo cards - clean, minimalist styling */
.reference-logo-card {
    background-color: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    min-height: 120px;
    padding: 1rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.reference-logo-card:hover {
    background-color: #f3f4f6 !important;
    border-color: #d1d5db !important;
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

/* Ensure logo card is visible and not hidden */
.reference-logo-card {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
}

/* Logo images in cards */
.reference-logo-img {
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    max-width: 90%;
    max-height: 90%;
    opacity: 1 !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
}

.reference-logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.reference-logo-link:hover .reference-logo-img {
    transform: scale(1.08);
    transition: transform 0.3s ease;
}

/* GLightbox media - white background for clarity */
.glightbox-container .gslide-image,
.glightbox-container .gslide-media {
    background-color: #ffffff !important;
}

.glightbox-container .gslide-image img {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

/* Lightbox control buttons - high contrast on light background */
.glightbox-container .glightbox-clean .gclose,
.glightbox-container .glightbox-clean .gnext,
.glightbox-container .glightbox-clean .gprev {
    background-color: rgba(31, 41, 55, 0.15) !important;
    border: 1px solid rgba(0, 0, 0, 0.15);
    transition: all 0.2s ease;
}

.glightbox-container .glightbox-clean .gclose:hover,
.glightbox-container .glightbox-clean .gnext:hover,
.glightbox-container .glightbox-clean .gprev:hover {
    background-color: rgba(31, 41, 55, 0.25) !important;
}

.glightbox-container .glightbox-clean .gclose path,
.glightbox-container .glightbox-clean .gnext path,
.glightbox-container .glightbox-clean .gprev path {
    fill: #1f2937;
}

.glightbox-container .gclose .garrow,
.glightbox-container .gnext .garrow,
.glightbox-container .gprev .garrow {
    stroke: #1f2937 !important;
}