/* Hide LightGallery native spinner */
.lg-loader, .lg-loading {
    display: none !important;
}
.lg-outer .lg-item {
    background: none !important;
}
/* LightGallery white theme */
/* Hide captions */
.lg-outer .lg-sub-html {
    display: none;
}

/* White backdrop */
.lg-backdrop {
    background-color: white;
}

/* White thumbnail strip */
.lg-outer .lg-thumb-outer {
    background-color: white;
}

/* Keep video slides on a clean white background */
.lg-outer .lg-item.lg-video-slide {
    background-color: white !important;
}

.lg-outer .lg-video-slide .lg-video-cont,
.lg-outer .lg-video-slide .lg-video-object {
    background-color: white;
}

.lg-outer.lg-video-isolated .lg-inner .lg-item {
    opacity: 0 !important;
}

.lg-outer.lg-video-isolated .lg-inner .lg-item.lg-current {
    opacity: 1 !important;
}

/* Toolbar icon colors */
.lg-toolbar .lg-icon {
    color: #666;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.lg-toolbar .lg-icon:hover {
    color: black;
}

/* Navigation arrows */
.lg-outer .lg-next,
.lg-outer .lg-prev {
    color: #333;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 32px;
}

/* Hide thumbnails when controls are hidden (inactivity or autoplay) */
.lg-outer.lg-hide-items .lg-thumb-outer {
    transform: translate3d(0, 100%, 0) !important;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Hide toolbar when lg-hide-items is active */
.lg-outer.lg-hide-items .lg-toolbar {
    opacity: 0 !important;
    transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1) !important;
    pointer-events: none !important;
}

/* Hide navigation arrows when lg-hide-items is active */
.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) {
    color: black;
    background: #fff;
}

/* Toolbar essay button */
.lg-toolbar .essay-toolbar-button {
    background: transparent;
    border: none;
    border-radius: 50%;
    color: inherit;
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 4px 2px;
    cursor: pointer;
    font-size: inherit;
    position: relative;
    padding: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.lg-toolbar .essay-toolbar-button:hover {
    transform: scale(1.05);
}

.lg-toolbar .essay-toolbar-button::before {
    content: '\e909';
    font-family: 'lg';
    font-size: inherit;
    line-height: 1;
}