/* Only the enlarged WordPress lightbox; gallery thumbnails are unaffected.
 * Extra specificity overrides the previous fixed 48px horizontal allowance.
 * Vertical space remains available for the close and navigation controls.
 */
body .wp-lightbox-overlay .lightbox-image-container {
    width: calc(100% - min(var(--bbpv-margin, 2%), 20%) - min(var(--bbpv-margin, 2%), 20%)) !important;
    max-width: calc(100% - min(var(--bbpv-margin, 2%), 20%) - min(var(--bbpv-margin, 2%), 20%)) !important;
    height: max(40px, calc(100vh - 96px - var(--bbpv-caption-height, 0px))) !important;
    height: max(40px, calc(100dvh - 96px - var(--bbpv-caption-height, 0px))) !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
}

body .wp-lightbox-overlay .lightbox-image-container figure {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body .wp-lightbox-overlay .lightbox-image-container img {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 0 !important;
}

body .wp-lightbox-overlay { height: 100dvh; }
body .wp-lightbox-overlay .lightbox-image-container {
    top: calc(50% - var(--bbpv-caption-height, 0px) / 2);
}
body .wp-lightbox-overlay.bbpv-ready .lightbox-image-container {
    animation: none !important;
}
body .wp-lightbox-overlay .bbpv-caption {
    position: absolute; z-index: 4000000; bottom: 54px;
    left: 5%; right: 5%; text-align: center;
    font: 14px/1.4 sans-serif; color: #111; background: rgba(255,255,255,.92);
    padding: 6px 10px; border-radius: 4px;
    max-height: 20vh; overflow: auto; overflow-wrap: anywhere;
}
body .wp-lightbox-overlay .bbpv-reset {
    position: absolute; z-index: 5000001; top: 16px; left: 16px;
    background: #fff; color: #111; border: 1px solid #777;
    border-radius: 4px; padding: 8px 12px; min-height: 40px; cursor: pointer;
}
body .wp-lightbox-overlay .bbpv-reset:focus-visible { outline: 3px solid #503aa8; }
body .wp-lightbox-overlay .bbpv-reset[hidden],
body .wp-lightbox-overlay .bbpv-caption[hidden] { display: none !important; }
body .wp-lightbox-overlay.bbpv-zoomed .lightbox-image-container { cursor: grab; }