/**
 * Lemon Responsive Accordion v1.13.12
 */

.elementor-widget-lemon-responsive-accordion,
.elementor-widget-lemon-responsive-accordion .elementor-widget-container {
    width: 100%;
}

.lt-responsive-accordion {
    --lt-ra-items-gap: 0px;
    --lt-ra-title-gap: 16px;
    display: flex;
    flex-direction: column;
    gap: var(--lt-ra-items-gap);
    width: 100%;
}

.lt-responsive-accordion > .lt-ra-item,
.lt-responsive-accordion > .e-n-accordion-item {
    display: block;
    width: 100%;
    overflow: hidden;
}

.lt-responsive-accordion > .lt-ra-item::marker,
.lt-responsive-accordion > .e-n-accordion-item::marker,
.lt-responsive-accordion .lt-ra-title-button::marker,
.lt-responsive-accordion .e-n-accordion-item-title::marker,
.lt-responsive-accordion .lt-ra-title-button::-webkit-details-marker,
.lt-responsive-accordion .e-n-accordion-item-title::-webkit-details-marker {
    display: none;
    content: '';
}

.lt-responsive-accordion .lt-ra-title-button,
.lt-responsive-accordion .e-n-accordion-item-title {
    display: flex;
    align-items: center;
    gap: var(--lt-ra-title-gap);
    width: 100%;
    cursor: pointer;
    list-style: none;
    user-select: none;
    outline: none;
    box-sizing: border-box;
    justify-content: var(--n-accordion-title-justify-content, initial);
}

.lt-responsive-accordion.lt-ra-icon-right .lt-ra-title-button,
.lt-responsive-accordion.lt-ra-icon-right .e-n-accordion-item-title {
    justify-content: space-between;
}

.lt-responsive-accordion.lt-ra-icon-left .lt-ra-title-button,
.lt-responsive-accordion.lt-ra-icon-left .e-n-accordion-item-title {
    justify-content: flex-start;
}

.lt-responsive-accordion .e-n-accordion-item-title-header {
    display: flex;
    align-items: center;
    justify-content: var(--n-accordion-title-justify-content, initial);
    flex-grow: var(--n-accordion-title-flex-grow, initial);
    min-width: 0;
}

.lt-responsive-accordion .lt-ra-title-text,
.lt-responsive-accordion .e-n-accordion-item-title-text {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    line-height: inherit;
}

.lt-responsive-accordion .lt-ra-icon,
.lt-responsive-accordion .e-n-accordion-item-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
    order: var(--n-accordion-title-icon-order, initial);
}

.lt-responsive-accordion .lt-ra-icon svg,
.lt-responsive-accordion .e-n-accordion-item-title-icon svg {
    display: block;
}

.lt-responsive-accordion .lt-ra-icon-opened,
.lt-responsive-accordion .e-opened {
    display: none;
}

.lt-responsive-accordion .lt-ra-item[open] > .lt-ra-title-button .lt-ra-icon-closed,
.lt-responsive-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title .e-closed {
    display: none;
}

.lt-responsive-accordion .lt-ra-item[open] > .lt-ra-title-button .lt-ra-icon-opened,
.lt-responsive-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title .e-opened {
    display: inline-flex;
}

.lt-responsive-accordion .lt-ra-content,
.lt-responsive-accordion .lt-ra-content-inner {
    box-sizing: border-box;
    width: 100%;
}

.lt-responsive-accordion.is-not-accordion .lt-ra-title-button,
.lt-responsive-accordion.is-not-accordion .e-n-accordion-item-title {
    cursor: default;
    pointer-events: none;
}

.lt-responsive-accordion.is-not-accordion .lt-ra-icon,
.lt-responsive-accordion.is-not-accordion .e-n-accordion-item-title-icon {
    display: none !important;
}

.lt-responsive-accordion.is-accordion .lt-ra-title-button,
.lt-responsive-accordion.is-accordion .e-n-accordion-item-title {
    cursor: pointer;
}

.lt-ra-empty-editor-placeholder {
    padding: 16px;
    border: 1px dashed #ccd0d4;
    background: #f6f7f7;
    color: #50575e;
    font-size: 13px;
}

.elementor-editor-active .lt-responsive-accordion > .lt-ra-item > .e-con,
.elementor-editor-active .lt-responsive-accordion > .e-n-accordion-item > .e-con,
.elementor-editor-active .lt-responsive-accordion .lt-ra-content-inner {
    min-height: 80px;
}



/* Editor-only fixes for nested content inside the responsive accordion.
 * Elementor can render nested containers with an inherited boxed width in the editor,
 * even when the frontend is full width. Keep the editable child area at 100% only in
 * the editor so frontend designs remain controlled by the user's own container styles.
 */
.elementor-editor-active .lt-responsive-accordion .lt-ra-content-inner,
.elementor-editor-active .lt-responsive-accordion .e-n-accordion-item > .e-con,
.elementor-editor-active .lt-responsive-accordion .lt-ra-nested-child {
    width: 100% !important;
    max-width: 100% !important;
    --width: 100% !important;
    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
    --content-width: 100% !important;
    --container-max-width: 100% !important;
}

.elementor-editor-active .lt-responsive-accordion .lt-ra-content-inner > .e-con-inner,
.elementor-editor-active .lt-responsive-accordion .e-n-accordion-item > .e-con > .e-con-inner,
.elementor-editor-active .lt-responsive-accordion .lt-ra-nested-child > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}