/* Vybose Repeater Accordion CSS - Refactored to match Reference BEM Structure */

.elementor-widget-vybose-repeater-accordion {
    width: 100%;
    --trigger-icon-size: 1em;
    --trigger-icon-padding-top: 0.5em;
    --trigger-icon-padding-right: 0.5em;
    --trigger-icon-padding-bottom: 0.5em;
    --trigger-icon-padding-left: 0.5em;
    --trigger-icon-border-top: 1px;
    --trigger-icon-border-right: 1px;
    --trigger-icon-border-bottom: 1px;
    --trigger-icon-border-left: 1px;
}

.vybose-repeater-accordion__list {
    outline: none;
}

.vybose-repeater-accordion__list i[class] {
    font-size: var(--trigger-icon-size);
    text-align: center;
}

.vybose-repeater-accordion__list i[class],
.vybose-repeater-accordion__list svg {
    display: block;
    width: var(--trigger-icon-size);
    height: var(--trigger-icon-size);
}

.vybose-repeater-accordion__item {
    border: solid var(--e-global-color-border, #ccc);
    border-width: 0 0 1px;
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out, box-shadow .3s ease-in-out;
}

.vybose-repeater-accordion__title {
    color: var(--e-global-color-text, #333);
    border: 0 solid var(--e-global-color-border, #ccc);
    outline: none;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 15px 20px;
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out, border-radius .3s ease-in-out;
}

.vybose-repeater-accordion__title.active-toggle,
.vybose-repeater-accordion__title.active-toggle a,
.vybose-repeater-accordion__title:hover,
.vybose-repeater-accordion__title:hover a {
    color: var(--e-global-color-accent, #61ce70);
}

.vybose-repeater-accordion__title.active-toggle .vybose-repeater-accordion__trigger-closed {
    display: none;
}

.vybose-repeater-accordion__title.active-toggle .vybose-repeater-accordion__trigger-opened {
    display: block;
}

.vybose-repeater-accordion__title a {
    color: inherit;
    text-decoration: none;
}

.vybose-repeater-accordion__title>span {
    display: block;
}

.vybose-repeater-accordion__trigger {
    display: inline-block;
    transition: color .3s ease-in-out, fill .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}

/* Trigger View Styles */
.vybose-trigger-view-framed .vybose-repeater-accordion__trigger,
.vybose-trigger-view-stacked .vybose-repeater-accordion__trigger {
    padding: var(--trigger-icon-padding-top) var(--trigger-icon-padding-right) var(--trigger-icon-padding-bottom) var(--trigger-icon-padding-left);
    background-color: var(--e-global-color-secondary, #f1f1f1);
}

.vybose-trigger-view-framed .vybose-repeater-accordion__trigger {
    border-left: var(--trigger-icon-border-left) solid var(--e-global-color-border, #eee);
    border-bottom: var(--trigger-icon-border-bottom) solid var(--e-global-color-border, #eee);
    border-right: var(--trigger-icon-border-right) solid var(--e-global-color-border, #eee);
    border-top: var(--trigger-icon-border-top) solid var(--e-global-color-border, #eee);
}

.vybose-repeater-accordion__trigger .vybose-repeater-accordion__trigger-closed {
    display: block;
}

.vybose-repeater-accordion__trigger .vybose-repeater-accordion__trigger-opened {
    display: none;
}

.vybose-repeater-accordion__title-link {
    display: flex;
    align-items: center;
    width: 100%;
}

.vybose-repeater-accordion__title-text {
    transition: text-shadow .3s ease-in-out;
    flex-grow: 1;
}

.vybose-repeater-accordion__content {
    display: none;
    /* Crucial: Default Hidden */
    min-height: auto !important;
    padding: 15px 20px;
    border: 0 solid var(--e-global-color-border, #eee);
}

.vybose-repeater-accordion__content>p {
    margin: 0;
}