/* -------------------------------------------------
   WPL TOGGLE / ACCORDION – SMOOTH SLIDE (NO JERK)
   ------------------------------------------------- */
.wpl-toggle-accordion__item {
    border: 1px solid #e5e5e5;
    overflow: hidden;
    transition: border-color .3s ease-out;
    cursor: pointer;
}

.wpl-toggle-accordion__title {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 15px;
    transition: background-color .3s ease-out, color .3s ease-out;
}

.wpl-toggle-accordion__icon {
    margin-right: 0;
    transition: transform .3s cubic-bezier(.4,0,.2,1);
}
.wpl-toggle-accordion__item.active .wpl-toggle-accordion__icon {
    transform: rotate(45deg);
}

/* ---------- CONTENT – SMOOTH SLIDE ---------- */
.wpl-toggle-accordion__content {
    overflow: hidden;
    min-height: 0 !important;
    max-height: 0;          /* closed */
    opacity: 0;
    visibility: hidden;
    /* NOTE: we transition ONLY max-height & opacity */
    transition:
        max-height var(--duration,300ms) cubic-bezier(.4,0,.2,1),
        opacity    var(--duration,300ms) ease-out;
}

/* open state – CSS handles the transition */
.wpl-toggle-accordion__item.active .wpl-toggle-accordion__content {
    max-height: var(--content-height,1000px);
    opacity: 1;
    visibility: visible;
}

/* ---------- ANIMATION OVERRIDES ---------- */
.wpl-toggle-accordion[data-animation="fade"] .wpl-toggle-accordion__content,
.wpl-toggle-accordion[data-animation="fade"] .wpl-toggle-accordion__item.active .wpl-toggle-accordion__content {
    max-height: none !important;
    transition: opacity var(--duration,300ms) ease-out;
}

.wpl-toggle-accordion[data-animation="none"] .wpl-toggle-accordion__content {
    transition: none;
    max-height: none !important;
    opacity: 1 !important;
    display: none;
}
.wpl-toggle-accordion[data-animation="none"] .wpl-toggle-accordion__item.active .wpl-toggle-accordion__content {
    display: block;
}

/* ---------- DURATION VARIABLE ---------- */
.wpl-toggle-accordion {
    --duration: attr(data-duration ms);
}

/* ---------- ICON RIGHT ---------- */
.icon-right {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.wpl-toggle-accordion__icon svg { fill: currentColor; }

/* ---------- STYLE 1 (FAQ) ---------- */
.wpl-toggle-accordion.wpl-style1 > .wpl-toggle-accordion__item {
    padding: clamp(0.625rem, 0.3365rem + 1.2821vw, 1.875rem) clamp(1.25rem, 0.9615rem + 1.2821vw, 2.5rem); /* 30px 40px */
    border-radius: clamp(0.9375rem, 0.7933rem + 0.641vw, 1.5625rem) !important; /* 15px to 25px */
}
.wpl-toggle-accordion.wpl-style1 > .wpl-toggle-accordion__item.active {
    background-image: linear-gradient(120deg,
        rgba(var(--primaryrgb),.5) 0%,
        rgba(var(--secondaryrgb),.5) 100%);
}
.wpl-faq-content-link {
    border: 1px solid transparent;
    border-radius: 20px;
    background: linear-gradient(#040009 0 0) padding-box,
                linear-gradient(180deg,#ff0080,#7928ca) border-box;
    background-clip: padding-box, border-box;
}
.wpl-faq-content-link ul li a { font-size: var(--h4) !important; }
.wpl-toggle-accordion.wpl-style1 > .wpl-toggle-accordion__item .wpl-toggle-accordion__title { font-size: var(--h4); padding:0; line-height: 1.1; }
.wpl-toggle-accordion.wpl-style1 > .wpl-toggle-accordion__item .wpl-toggle-accordion__content { padding:0; }
.wpl-toggle-accordion.wpl-style1 > .wpl-toggle-accordion__item .wpl-toggle-accordion__content p { font-size: var(--p); padding-top: 15px; }

.wpl-toggle-accordion.wpl-style1 > .wpl-toggle-accordion__title.icon-right .wpl-toggle-accordion__icon {
    margin-right: 0 !important;
    margin-left: 10px !important;
}