/* wf-lite.css — companion styles for wf-lite.js (the Webflow runtime replacement).
   Loaded after the Webflow CSS so these rules win where they overlap. */

/* --- Sliders: cross-fade carousel ------------------------------------ *
 * Webflow's runtime slides via transforms; we cross-fade instead, which is
 * robust against inline-block whitespace and variable slide heights. Only
 * the active slide is in flow (so it sets the slider height); the rest are
 * absolutely positioned and faded out. Scoped to .wf-lite-slider, which
 * wf-lite.js adds, so non-initialised sliders are untouched. */
.wf-lite-slider .w-slider-mask {
    white-space: normal;
    position: relative;
}
.wf-lite-slider .w-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease;
    z-index: 1;
}
.wf-lite-slider .w-slide.wf-active {
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}
/* Generated dots are clickable. */
.wf-lite-slider .w-slider-nav .w-slider-dot {
    cursor: pointer;
}

/* --- Mobile navigation panel ----------------------------------------- *
 * Shown only when wf-lite.js adds .wf-nav-open to the navbar. Positioned as
 * a fixed panel just below the header; wf-lite.js supplies the header height
 * and a background colour sampled from the navbar via CSS variables. */
@media screen and (max-width: 991px) {
    .w-nav.wf-nav-open .w-nav-menu {
        display: block !important;
        position: fixed;
        top: var(--wf-lite-header-h, 64px);
        left: 0;
        right: 0;
        width: 100%;
        max-height: calc(100vh - var(--wf-lite-header-h, 64px));
        overflow-y: auto;
        background: var(--wf-lite-menu-bg, #11141a);
        padding: 12px 16px 28px;
        box-shadow: 0 16px 28px rgba(0, 0, 0, .28);
        z-index: 950;
    }

    /* Dropdowns inside the mobile menu flow inline (accordion) instead of
       overlaying as absolutely-positioned popups. */
    .w-nav.wf-nav-open .w-dropdown {
        display: block;
        width: 100%;
    }
    .w-nav.wf-nav-open .w-dropdown-list {
        position: static;
    }

    /* Lock background scroll while the menu is open. */
    body.wf-nav-no-scroll {
        overflow: hidden;
    }
}

/* --- Accordions (brix) ------------------------------------------------ *
 * wf-lite.js toggles .wf-acc-open and sets inline height/opacity on the body.
 * These rules add the open/close animation and flip the "+" into a "−". */
.brix---accordion-header,
.brix---btn-circle-accordion-btn {
    cursor: pointer;
}
.brix---acordion-body {
    overflow: hidden;
    transition: height .3s ease, opacity .3s ease;
}
.brix---accordion-btn-vertical-line {
    transition: transform .3s ease, opacity .3s ease;
}
.brix---accordion-item-wrapper-v6.wf-acc-open .brix---accordion-btn-vertical-line {
    opacity: 0;
    transform: rotate(90deg);
}

/* uui-faq01 accordion variant (route pages + FAQ page) */
[class*="uui-faq01_question"] {
    cursor: pointer;
}
[class*="uui-faq01_answer"] {
    overflow: hidden;
    transition: height .3s ease;
}

/* +/- icon: hide the vertical bar when open (turns "+" into "−"), all variants */
[class*="accordion-icon_vertical-line"] {
    transition: transform .3s ease, opacity .3s ease;
}
.wf-acc-open [class*="accordion-icon_vertical-line"] {
    opacity: 0;
    transform: rotate(90deg);
}