/* One shared skin for the native Elementor viewer, only in Nikko slideshows. */
.nikko-lightbox.elementor-lightbox {
    --lightbox-background-color: rgba(15, 20, 18, .96);
    --lightbox-ui-color: var(--nikko-surface, #fff);
    --lightbox-ui-color-hover: var(--nikko-brand-paper, #f7f5ee);
}
.nikko-lightbox.elementor-lightbox .dialog-lightbox-message .elementor-swiper-button {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background: rgba(15, 20, 18, .65);
    color: var(--lightbox-ui-color);
    opacity: 1;
    visibility: visible;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease;
}
.nikko-lightbox.elementor-lightbox .dialog-lightbox-message .elementor-swiper-button-prev { left: 16px; }
.nikko-lightbox.elementor-lightbox .dialog-lightbox-message .elementor-swiper-button-next { right: 16px; }
.nikko-lightbox.elementor-lightbox .dialog-lightbox-message .swiper-button-disabled { display: none; }
.nikko-lightbox.elementor-lightbox .elementor-swiper-button svg { display: none; }
.nikko-lightbox.elementor-lightbox .elementor-swiper-button::before {
    content: '';
    width: 11px;
    height: 11px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
}
.nikko-lightbox.elementor-lightbox .elementor-swiper-button-prev::before { transform: translateX(2px) rotate(-135deg); }
.nikko-lightbox.elementor-lightbox .elementor-swiper-button-next::before { transform: translateX(-2px) rotate(45deg); }
.nikko-lightbox.elementor-lightbox .elementor-swiper-button:is(:hover, :focus-visible) {
    background: var(--nikko-brand-wine, #9f1f2c);
    border-color: var(--lightbox-ui-color);
}
.nikko-lightbox.elementor-lightbox :is(.elementor-swiper-button, .dialog-close-button):focus-visible {
    outline: 3px solid var(--lightbox-ui-color-hover);
    outline-offset: 4px;
}
.nikko-gallery-open { overflow: hidden; }
@media (max-width: 767px) {
    .nikko-lightbox.elementor-lightbox .dialog-lightbox-message .elementor-swiper-button-prev { left: 8px; }
    .nikko-lightbox.elementor-lightbox .dialog-lightbox-message .elementor-swiper-button-next { right: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .nikko-lightbox.elementor-lightbox .elementor-swiper-button { transition: none; }
}