/* Force lightbox image to fill the white container completely */
.lb-outerContainer {
    width: 90% !important;
    max-width: 1400px !important;
    height: 90% !important;
    max-height: 95vh !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 8px !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2) !important;
}

.lb-container {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.lb-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 8px !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3) !important;
    border: 6px solid rgba(255, 255, 255, 0.9) !important;
    object-fit: cover !important;
}

/* Override any inline styles that lightbox.js might set */
#lightbox .lb-image {
    width: 100% !important;
    height: 100% !important;
}