/* v1.16.59 — Background Slideshow editor/frontend fixed content cleanup.
 * The widget must always have one fixed nested content area, independent from
 * how many rotating backgrounds exist. Keep that content frame full-width and
 * vertically positioned by the widget's Content position control.
 */
.lemon-background-slideshow-widget {
    min-height: var(--lt-hero-min-height, 480px);
}

.lemon-background-slideshow-widget .lemon-hero-bg-stage {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: inherit;
    pointer-events: none;
}

.lemon-background-slideshow-widget .lemon-bg-fixed-content {
    position: relative;
    z-index: 3;
    display: flex;
    width: 100%;
    height: 100%;
    min-height: inherit;
    box-sizing: border-box;
    pointer-events: auto;
}

.lemon-background-slideshow-widget .lemon-bg-fixed-content-inner {
    display: block;
    width: 100%;
    max-width: var(--lt-hero-content-max-width, 100%);
    min-width: 0;
    height: auto;
    box-sizing: border-box;
}

.lemon-background-slideshow-widget .lemon-bg-fixed-content-inner > .elementor-element.e-con,
.lemon-background-slideshow-widget .lemon-bg-fixed-content-inner > .lemon-bg-content-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    --width: 100%;
    --content-width: 100%;
    --container-widget-width: 100%;
    --container-widget-flex-grow: 1;
}

.lemon-background-slideshow-widget .lemon-bg-fixed-content-inner > .elementor-element.e-con > .e-con-inner,
.lemon-background-slideshow-widget .lemon-bg-fixed-content-inner > .lemon-bg-content-container > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Existing pages created while Background Slideshow was incorrectly coupled to
 * the background repeater may contain duplicated Fixed Content children. Render
 * only the first one; new widgets no longer create one child per background. */
.lemon-background-slideshow-widget .lemon-bg-fixed-content-inner > .elementor-element.e-con:nth-of-type(n+2),
.lemon-background-slideshow-widget .lemon-bg-fixed-content-inner > .lemon-bg-content-container:nth-of-type(n+2) {
    display: none !important;
}

/* Elementor editor: keep the editable fixed content as a single full-width
 * drop target, without interfering with Elementor's own overlay controls. */
.elementor-editor-active .lemon-background-slideshow-widget,
.elementor-editor-active .lemon-background-slideshow-widget .lemon-bg-fixed-content,
.elementor-editor-active .lemon-background-slideshow-widget .lemon-bg-fixed-content-inner {
    width: 100% !important;
    max-width: none !important;
}

.elementor-editor-active .lemon-background-slideshow-widget .lemon-bg-fixed-content-inner > .elementor-element.e-con.e-empty,
.elementor-editor-active .lemon-background-slideshow-widget .lemon-bg-fixed-content-inner > .lemon-bg-content-container.e-empty,
.elementor-editor-active .lemon-background-slideshow-widget .lemon-bg-fixed-content-inner > .elementor-element.e-con.e-empty > .e-con-inner,
.elementor-editor-active .lemon-background-slideshow-widget .lemon-bg-fixed-content-inner > .lemon-bg-content-container.e-empty > .e-con-inner,
.elementor-editor-active .lemon-background-slideshow-widget .lemon-bg-fixed-content-inner .elementor-empty-view,
.elementor-editor-active .lemon-background-slideshow-widget .lemon-bg-fixed-content-inner .elementor-add-section,
.elementor-editor-active .lemon-background-slideshow-widget .lemon-bg-fixed-content-inner .elementor-add-section-inner,
.elementor-editor-active .lemon-background-slideshow-widget .lemon-bg-fixed-content-inner .e-view.elementor-add-new-section {
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
}