/* ==========================================================
VALIRINA ATELIER — FAQ
Elementor Free / Nested Accordion

DESIGN

- max-width: 1600px
- transparent section
- editorial heading
- minimalist filters
- white FAQ panel
- symmetrical separators
- custom minimalist + / -
- improved mobile padding
- cleaner accordion transitions


SECTION SPACING SYSTEM

Desktop:      35px bottom
Tablet:       30px bottom
Mobile:       24px bottom
Small mobile: 20px bottom

Top spacing is 0 because the previous component owns
the distance leading into this section.

IMPORTANT

Internal spacing remains independent:

- title → description
- header → filters
- filters → FAQ panel
- question vertical padding
- answer vertical padding
- panel internal padding
========================================================== */


/* ==========================================================
01 — VARIABLES — DESKTOP
========================================================== */

.valirina-faq {

    /* ======================================================
       DESIGN SYSTEM
    ====================================================== */

    --faq-editorial-font:
        "Cormorant Garamond",
        Georgia,
        serif;

    --faq-primary:
        #1d1c1a;

    --faq-secondary:
        #625d57;

    --faq-muted:
        #817b74;

    --faq-accent:
        #ad772d;

    --faq-white:
        #ffffff;

    --faq-border:
        rgba(36, 33, 31, 0.09);

    --faq-border-strong:
        rgba(36, 33, 31, 0.14);


    /* ======================================================
       SECTION
    ====================================================== */

    --faq-max-width:
        1600px;

    --faq-padding-top:
        0px;

    --faq-padding-right:
        20px;

    --faq-padding-bottom:
        35px;

    --faq-padding-left:
        20px;


    /* ======================================================
       TITLE
    ====================================================== */

    --faq-title-size:
        40px;

    --faq-title-weight:
        620;

    --faq-title-line-height:
        1.02;

    --faq-title-letter-spacing:
        -0.035em;

    --faq-title-color:
        var(--faq-primary);


    /* ======================================================
       DESCRIPTION
    ====================================================== */

    --faq-description-size:
        16px;

    --faq-description-weight:
        400;

    --faq-description-line-height:
        1.55;

    --faq-description-color:
        var(--faq-secondary);

    --faq-description-max-width:
        780px;


    /* ======================================================
       HEADER SPACING
    ====================================================== */

    --faq-title-description-gap:
        10px;

    --faq-header-filters-gap:
        24px;

    --faq-filters-content-gap:
        32px;


    /* ======================================================
       FILTERS
    ====================================================== */

    --faq-filter-gap:
        7px;

    --faq-filter-height:
        34px;

    --faq-filter-padding-x:
        14px;

    --faq-filter-font-size:
        12.5px;

    --faq-filter-font-weight:
        500;

    --faq-filter-radius:
        999px;

    --faq-filter-background:
        transparent;

    --faq-filter-color:
        var(--faq-secondary);

    --faq-filter-border:
        rgba(36, 33, 31, 0.13);

    --faq-filter-hover-background:
        #f4f0e9;

    --faq-filter-active-background:
        #191613;

    --faq-filter-active-color:
        #ffffff;


    /* ======================================================
       FAQ PANEL
    ====================================================== */

    --faq-panel-background:
        #ffffff;

    --faq-panel-border:
        rgba(36, 33, 31, 0.085);

    --faq-panel-radius:
        18px;

    --faq-panel-padding-x:
        28px;

    --faq-panel-padding-y:
        4px;


    /* ======================================================
       QUESTION
    ====================================================== */

    --faq-question-font-size:
        18px;

    --faq-question-font-weight:
        600;

    --faq-question-line-height:
        1.35;

    --faq-question-color:
        var(--faq-primary);

    --faq-question-padding-top:
        25px;

    --faq-question-padding-bottom:
        25px;


    /* ======================================================
       CUSTOM ICON
    ====================================================== */

    --faq-icon-column:
        34px;

    --faq-icon-size:
        14px;

    --faq-icon-stroke:
        1.5px;

    --faq-icon-color:
        var(--faq-primary);

    --faq-icon-text-gap:
        10px;


    /* ======================================================
       TEXT SAFE AREA
    ====================================================== */

    --faq-text-right-padding:
        18px;


    /* ======================================================
       SEPARATOR
    ====================================================== */

    --faq-separator-inset:
        calc(
            var(--faq-icon-column)
            +
            var(--faq-icon-text-gap)
        );

    --faq-separator-color:
        rgba(36, 33, 31, 0.09);


    /* ======================================================
       ANSWER
    ====================================================== */

    --faq-answer-font-size:
        15px;

    --faq-answer-font-weight:
        400;

    --faq-answer-line-height:
        1.6;

    --faq-answer-color:
        var(--faq-secondary);

    --faq-answer-max-width:
        1180px;

    --faq-answer-padding-bottom:
        27px;


    /* ======================================================
       MOTION
    ====================================================== */

    --faq-motion-duration:
        180ms;

    --faq-motion-easing:
        cubic-bezier(.2, .7, .2, 1);
}


/* ==========================================================
02 — TABLET
========================================================== */

@media (max-width: 1024px) {

    .valirina-faq {

        --faq-padding-top:
            0px;

        --faq-padding-right:
            18px;

        --faq-padding-bottom:
            30px;

        --faq-padding-left:
            18px;


        --faq-title-size:
            38px;


        --faq-description-size:
            15px;


        --faq-header-filters-gap:
            22px;

        --faq-filters-content-gap:
            28px;


        --faq-filter-height:
            33px;

        --faq-filter-padding-x:
            13px;

        --faq-filter-font-size:
            12px;


        --faq-panel-radius:
            16px;

        --faq-panel-padding-x:
            24px;


        --faq-question-font-size:
            17px;

        --faq-question-padding-top:
            22px;

        --faq-question-padding-bottom:
            22px;


        --faq-icon-column:
            31px;

        --faq-icon-size:
            13px;


        --faq-text-right-padding:
            16px;


        --faq-answer-font-size:
            14.5px;

        --faq-answer-padding-bottom:
            24px;
    }
}


/* ==========================================================
03 — MOBILE
========================================================== */

@media (max-width: 767px) {

    .valirina-faq {

        --faq-padding-top:
            0px;

        --faq-padding-right:
            14px;

        --faq-padding-bottom:
            24px;

        --faq-padding-left:
            14px;


        --faq-title-size:
            34px;


        --faq-description-size:
            14.5px;

        --faq-description-line-height:
            1.5;


        --faq-title-description-gap:
            8px;

        --faq-header-filters-gap:
            18px;

        --faq-filters-content-gap:
            24px;


        --faq-filter-gap:
            6px;

        --faq-filter-height:
            32px;

        --faq-filter-padding-x:
            12px;

        --faq-filter-font-size:
            11.5px;


        --faq-panel-radius:
            14px;

        --faq-panel-padding-x:
            18px;

        --faq-panel-padding-y:
            2px;


        --faq-question-font-size:
            15px;

        --faq-question-padding-top:
            19px;

        --faq-question-padding-bottom:
            19px;


        --faq-icon-column:
            27px;

        --faq-icon-size:
            12px;

        --faq-icon-text-gap:
            8px;


        --faq-text-right-padding:
            16px;


        --faq-answer-font-size:
            13.5px;

        --faq-answer-line-height:
            1.55;

        --faq-answer-padding-bottom:
            21px;


        --faq-motion-duration:
            140ms;
    }
}


/* ==========================================================
04 — SMALL MOBILE
========================================================== */

@media (max-width: 390px) {

    .valirina-faq {

        --faq-padding-top:
            0px;

        --faq-padding-right:
            12px;

        --faq-padding-bottom:
            20px;

        --faq-padding-left:
            12px;


        --faq-title-size:
            31px;


        --faq-description-size:
            14px;


        --faq-filter-height:
            31px;

        --faq-filter-padding-x:
            11px;

        --faq-filter-font-size:
            11px;


        --faq-panel-padding-x:
            15px;


        --faq-question-font-size:
            14.5px;

        --faq-question-padding-top:
            17px;

        --faq-question-padding-bottom:
            17px;


        --faq-icon-column:
            25px;

        --faq-icon-size:
            11px;


        --faq-text-right-padding:
            14px;


        --faq-answer-font-size:
            13px;
    }
}


/* ==========================================================
05 — RESET
========================================================== */

.valirina-faq,
.valirina-faq *,
.valirina-faq *::before,
.valirina-faq *::after {

    box-sizing:
        border-box;
}


/* ==========================================================
06 — MAIN SECTION
========================================================== */

.valirina-faq {

    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    width:
        100% !important;

    max-width:
        var(--faq-max-width) !important;

    margin:
        0 auto !important;

    padding:
        var(--faq-padding-top)
        var(--faq-padding-right)
        var(--faq-padding-bottom)
        var(--faq-padding-left) !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


/* ==========================================================
07 — FAQ INNER
========================================================== */

.valirina-faq
.faq-inner,
.valirina-faq
.faq-inner > .e-con-inner {

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    justify-content:
        flex-start !important;

    width:
        100% !important;

    max-width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    gap:
        0 !important;

    background:
        transparent !important;
}


/* ==========================================================
08 — HEADER
========================================================== */

.valirina-faq
.faq-header,
.valirina-faq
.faq-header > .e-con-inner {

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        flex-start !important;

    width:
        100% !important;

    max-width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    gap:
        0 !important;

    text-align:
        left !important;

    background:
        transparent !important;
}


/* ==========================================================
09 — TITLE
========================================================== */

.valirina-faq
.faq-title,
.valirina-faq
.faq-title
.elementor-widget-container {

    display:
        block !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    text-align:
        left !important;
}


.valirina-faq
.faq-title
.elementor-heading-title {

    display:
        block !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--faq-title-color) !important;

    font-family:
        var(--faq-editorial-font) !important;

    font-size:
        var(--faq-title-size) !important;

    font-weight:
        var(--faq-title-weight) !important;

    line-height:
        var(--faq-title-line-height) !important;

    letter-spacing:
        var(--faq-title-letter-spacing) !important;

    text-align:
        left !important;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}


.valirina-faq
.faq-title
.elementor-heading-title span {

    color:
        var(--faq-accent) !important;

    font:
        inherit !important;
}


/* ==========================================================
10 — DESCRIPTION
========================================================== */

.valirina-faq
.faq-description {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        var(--faq-description-max-width) !important;

    margin:
        var(--faq-title-description-gap)
        0
        0
        0 !important;

    padding:
        0 !important;
}


.valirina-faq
.faq-description
.elementor-widget-container {

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.valirina-faq
.faq-description,
.valirina-faq
.faq-description p {

    color:
        var(--faq-description-color) !important;

    font-family:
        inherit !important;

    font-size:
        var(--faq-description-size) !important;

    font-weight:
        var(--faq-description-weight) !important;

    line-height:
        var(--faq-description-line-height) !important;

    letter-spacing:
        0 !important;

    text-align:
        left !important;
}


.valirina-faq
.faq-description p {

    margin:
        0 !important;

    padding:
        0 !important;
}


/* ==========================================================
11 — FILTERS
========================================================== */

.valirina-faq
.faq-filters {

    display:
        flex !important;

    flex-direction:
        row !important;

    flex-wrap:
        wrap !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    width:
        100% !important;

    margin:
        var(--faq-header-filters-gap)
        0
        var(--faq-filters-content-gap)
        0 !important;

    padding:
        0 !important;

    gap:
        var(--faq-filter-gap) !important;

    background:
        transparent !important;
}


.valirina-faq
.faq-filters > .e-con-inner {

    display:
        flex !important;

    flex-direction:
        row !important;

    flex-wrap:
        wrap !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    gap:
        var(--faq-filter-gap) !important;
}


/* ==========================================================
12 — FILTER WIDGET
========================================================== */

.valirina-faq
.faq-filter,
.valirina-faq
.faq-filter
.elementor-widget-container {

    display:
        inline-flex !important;

    flex:
        0 0 auto !important;

    width:
        auto !important;

    max-width:
        max-content !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/* ==========================================================
13 — FILTER BUTTON
========================================================== */

.valirina-faq
.faq-filter
.elementor-button {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        auto !important;

    height:
        var(--faq-filter-height) !important;

    min-height:
        var(--faq-filter-height) !important;

    margin:
        0 !important;

    padding:
        0
        var(--faq-filter-padding-x) !important;

    border:
        1px
        solid
        var(--faq-filter-border) !important;

    border-radius:
        var(--faq-filter-radius) !important;

    background:
        var(--faq-filter-background) !important;

    color:
        var(--faq-filter-color) !important;

    font-family:
        inherit !important;

    font-size:
        var(--faq-filter-font-size) !important;

    font-weight:
        var(--faq-filter-font-weight) !important;

    line-height:
        1 !important;

    letter-spacing:
        0 !important;

    white-space:
        nowrap !important;

    box-shadow:
        none !important;

    transition:
        background 160ms ease,
        color 160ms ease,
        border-color 160ms ease !important;
}


.valirina-faq
.faq-filter
.elementor-button-text {

    color:
        inherit !important;

    font:
        inherit !important;

    line-height:
        inherit !important;
}


/* ==========================================================
14 — FILTER STATES
========================================================== */

@media (hover: hover) and (pointer: fine) {

    .valirina-faq
    .faq-filter:not(.is-active)
    .elementor-button:hover {

        background:
            var(--faq-filter-hover-background) !important;

        border-color:
            var(--faq-border-strong) !important;

        color:
            var(--faq-primary) !important;
    }
}


.valirina-faq
.faq-filter.is-active
.elementor-button {

    background:
        var(--faq-filter-active-background) !important;

    border-color:
        var(--faq-filter-active-background) !important;

    color:
        var(--faq-filter-active-color) !important;
}


/* ==========================================================
15 — FAQ CONTENT
========================================================== */

.valirina-faq
.faq-content {

    position:
        relative !important;

    display:
        block !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        1px
        solid
        var(--faq-panel-border) !important;

    border-radius:
        var(--faq-panel-radius) !important;

    background:
        var(--faq-panel-background) !important;

    box-shadow:
        none !important;

    overflow:
        hidden !important;
}


.valirina-faq
.faq-content > .e-con-inner {

    display:
        block !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        var(--faq-panel-padding-y)
        var(--faq-panel-padding-x) !important;
}


/* ==========================================================
16 — PANELS
========================================================== */

.valirina-faq
.faq-panel {

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;
}


.valirina-faq
.faq-panel > .e-con-inner {

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.valirina-faq
.faq-panel:not(.is-active) {

    display:
        none !important;
}


.valirina-faq
.faq-panel.is-active {

    display:
        block !important;
}


/* ==========================================================
17 — ACCORDION
========================================================== */

.valirina-faq
.faq-accordion,
.valirina-faq
.faq-accordion
.elementor-widget-container,
.valirina-faq
.faq-accordion
.e-n-accordion {

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;
}


/* ==========================================================
18 — ACCORDION ITEM
========================================================== */

.valirina-faq
.faq-accordion
.e-n-accordion-item {

    position:
        relative !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


/* ==========================================================
19 — SEPARATOR
========================================================== */

.valirina-faq
.faq-accordion
.e-n-accordion-item:not(:last-child)::after {

    content:
        "" !important;

    position:
        absolute !important;

    left:
        var(--faq-separator-inset) !important;

    right:
        var(--faq-separator-inset) !important;

    bottom:
        0 !important;

    height:
        1px !important;

    background:
        var(--faq-separator-color) !important;

    pointer-events:
        none !important;
}


/* ==========================================================
20 — QUESTION
========================================================== */

.valirina-faq
.faq-accordion
.e-n-accordion-item-title {

    position:
        relative !important;

    display:
        grid !important;

    grid-template-columns:
        var(--faq-icon-column)
        minmax(0, 1fr) !important;

    align-items:
        start !important;

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        var(--faq-question-padding-top)
        var(--faq-text-right-padding)
        var(--faq-question-padding-bottom)
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    color:
        var(--faq-question-color) !important;

    cursor:
        pointer !important;

    box-shadow:
        none !important;

    list-style:
        none !important;

    transition:
        none !important;
}


.valirina-faq
.faq-accordion
.e-n-accordion-item-title::-webkit-details-marker {

    display:
        none !important;
}


/* ==========================================================
21 — HIDE ELEMENTOR ICON
========================================================== */

.valirina-faq
.faq-accordion
.e-n-accordion-item-title-icon {

    display:
        none !important;
}


/* ==========================================================
22 — CUSTOM MINIMALIST ICON
========================================================== */

.valirina-faq
.faq-accordion
.e-n-accordion-item-title::before {

    content:
        "" !important;

    position:
        absolute !important;

    left:
        calc(
            (
                var(--faq-icon-column)
                -
                var(--faq-icon-size)
            )
            /
            2
        ) !important;

    top:
        calc(
            var(--faq-question-padding-top)
            +
            (
                (
                    var(--faq-question-font-size)
                    *
                    var(--faq-question-line-height)
                )
                -
                var(--faq-icon-stroke)
            )
            /
            2
        ) !important;

    width:
        var(--faq-icon-size) !important;

    height:
        var(--faq-icon-stroke) !important;

    background:
        var(--faq-icon-color) !important;

    border-radius:
        999px !important;

    transition:
        transform
        var(--faq-motion-duration)
        var(--faq-motion-easing),
        opacity
        var(--faq-motion-duration)
        var(--faq-motion-easing) !important;
}


.valirina-faq
.faq-accordion
.e-n-accordion-item:not([open])
.e-n-accordion-item-title::after {

    content:
        "" !important;

    position:
        absolute !important;

    left:
        calc(
            (
                var(--faq-icon-column)
                -
                var(--faq-icon-stroke)
            )
            /
            2
        ) !important;

    top:
        calc(
            var(--faq-question-padding-top)
            +
            (
                (
                    var(--faq-question-font-size)
                    *
                    var(--faq-question-line-height)
                )
                -
                var(--faq-icon-size)
            )
            /
            2
        ) !important;

    width:
        var(--faq-icon-stroke) !important;

    height:
        var(--faq-icon-size) !important;

    background:
        var(--faq-icon-color) !important;

    border-radius:
        999px !important;

    transition:
        opacity
        var(--faq-motion-duration)
        var(--faq-motion-easing) !important;
}


/* ==========================================================
23 — QUESTION TEXT
========================================================== */

.valirina-faq
.faq-accordion
.e-n-accordion-item-title-header {

    display:
        flex !important;

    align-items:
        flex-start !important;

    grid-column:
        2 !important;

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0
        0
        0
        var(--faq-icon-text-gap) !important;

    overflow-wrap:
        anywhere !important;
}


.valirina-faq
.faq-accordion
.e-n-accordion-item-title-text,
.valirina-faq
.faq-accordion
.e-n-accordion-item-title-header {

    color:
        var(--faq-question-color) !important;

    font-family:
        inherit !important;

    font-size:
        var(--faq-question-font-size) !important;

    font-weight:
        var(--faq-question-font-weight) !important;

    line-height:
        var(--faq-question-line-height) !important;

    letter-spacing:
        -0.01em !important;

    text-align:
        left !important;
}


/* ==========================================================
24 — ACCORDION CONTENT
CLEANER MOTION
========================================================== */

.valirina-faq
.faq-accordion
.e-n-accordion-item
> div {

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    transition:
        none !important;

    animation-duration:
        var(--faq-motion-duration) !important;

    animation-timing-function:
        var(--faq-motion-easing) !important;
}


/* ==========================================================
25 — FAQ ANSWER
========================================================== */

.valirina-faq
.faq-answer {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        var(--faq-answer-max-width) !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0
        var(--faq-text-right-padding)
        var(--faq-answer-padding-bottom)
        var(--faq-separator-inset) !important;

    opacity:
        1 !important;

    transform:
        none !important;

    transition:
        opacity
        var(--faq-motion-duration)
        var(--faq-motion-easing) !important;
}


.valirina-faq
.faq-answer
.elementor-widget-container {

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.valirina-faq
.faq-answer,
.valirina-faq
.faq-answer p,
.valirina-faq
.faq-answer li {

    color:
        var(--faq-answer-color) !important;

    font-family:
        inherit !important;

    font-size:
        var(--faq-answer-font-size) !important;

    font-weight:
        var(--faq-answer-font-weight) !important;

    line-height:
        var(--faq-answer-line-height) !important;

    letter-spacing:
        0 !important;

    overflow-wrap:
        anywhere !important;

    word-break:
        normal !important;
}


.valirina-faq
.faq-answer p {

    margin:
        0 !important;

    padding:
        0 !important;
}


.valirina-faq
.faq-answer p + p {

    margin-top:
        10px !important;
}


/* ==========================================================
26 — MOBILE SAFETY
========================================================== */

@media (max-width: 767px) {

    .valirina-faq
    .faq-accordion
    .e-n-accordion-item-title {

        padding-right:
            var(--faq-text-right-padding) !important;
    }


    .valirina-faq
    .faq-answer {

        padding-right:
            var(--faq-text-right-padding) !important;
    }


    .valirina-faq
    .faq-answer
    .elementor-widget-container {

        max-width:
            100% !important;

        overflow:
            hidden !important;
    }
}


/* ==========================================================
27 — CLASSIC ACCORDION FALLBACK
========================================================== */

.valirina-faq
.faq-accordion
.elementor-accordion-item {

    position:
        relative !important;

    border:
        0 !important;

    background:
        transparent !important;
}


.valirina-faq
.faq-accordion
.elementor-accordion-item:not(:last-child)::after {

    content:
        "" !important;

    position:
        absolute !important;

    left:
        var(--faq-separator-inset) !important;

    right:
        var(--faq-separator-inset) !important;

    bottom:
        0 !important;

    height:
        1px !important;

    background:
        var(--faq-separator-color) !important;
}


.valirina-faq
.faq-accordion
.elementor-tab-title {

    margin:
        0 !important;

    padding:
        var(--faq-question-padding-top)
        var(--faq-text-right-padding)
        var(--faq-question-padding-bottom)
        var(--faq-separator-inset) !important;

    border:
        0 !important;

    background:
        transparent !important;

    color:
        var(--faq-question-color) !important;

    font-family:
        inherit !important;

    font-size:
        var(--faq-question-font-size) !important;

    font-weight:
        var(--faq-question-font-weight) !important;

    line-height:
        var(--faq-question-line-height) !important;

    transition:
        none !important;
}


.valirina-faq
.faq-accordion
.elementor-accordion-icon {

    display:
        none !important;
}


.valirina-faq
.faq-accordion
.elementor-tab-content {

    margin:
        0 !important;

    padding:
        0
        var(--faq-text-right-padding)
        var(--faq-answer-padding-bottom)
        var(--faq-separator-inset) !important;

    border:
        0 !important;

    background:
        transparent !important;

    color:
        var(--faq-answer-color) !important;

    font-family:
        inherit !important;

    font-size:
        var(--faq-answer-font-size) !important;

    line-height:
        var(--faq-answer-line-height) !important;

    transition:
        none !important;
}


/* ==========================================================
28 — ELEMENTOR SAFETY
========================================================== */

.valirina-faq
.faq-inner,
.valirina-faq
.faq-header,
.valirina-faq
.faq-title,
.valirina-faq
.faq-description,
.valirina-faq
.faq-filters,
.valirina-faq
.faq-content,
.valirina-faq
.faq-panel,
.valirina-faq
.faq-accordion {

    left:
        auto !important;

    right:
        auto !important;

    transform:
        none !important;
}


/* ==========================================================
29 — FORCE LEFT ALIGNMENT
========================================================== */

.valirina-faq
.faq-title,
.valirina-faq
.faq-title
.elementor-widget-container,
.valirina-faq
.faq-title
.elementor-heading-title,
.valirina-faq
.faq-description,
.valirina-faq
.faq-description p {

    text-align:
        left !important;
}


/* ==========================================================
30 — REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .valirina-faq *,
    .valirina-faq *::before,
    .valirina-faq *::after {

        transition-duration:
            .01ms !important;

        animation-duration:
            .01ms !important;
    }
}